bootstrap的模态框中无法使用angular的赋值该怎么办
1个回答
展开全部
在HTML中有如下的一个bootstrap模态框
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/angular.min.js"></script>
<link href="css/ui.css" rel="stylesheet">
<title>排班</title>
<script src="js/crew.js"></script>
</head>
<body>
<div ng-app="crew" ng-controller="ctrlcrew" class="container">
<button ng-click="show()">打开模态框</button>
<div class="modal fade" id="crewmodal" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="buttonhwww.315nk.comclass="close">×</button>
<h4 class="modal-title">请选择员工</h4>
</div>
<div class="modal-body">
在这里添加一些文本{{worker}}
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary">提交更改</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
</div>
</body>
然后又在crew.js文件中定义了worker变量。
var appcrew=angular.module("crew",[]);
appcrew.controller("ctrlcrew",function($scope){
$scope.worker='李明';
$scope.show=function(){
$("#crewmodal").modal('show');
};
});
但是将模态框打开后并不能显示worker变量的值。
资料由：成都点点通软件开发公司提供！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
