在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="button" class="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变量的值。
请问这是为什么?如何解决??
-----------------------------分割线-----------------------------
问题已经解决,蟹蟹各位,测试发现上面贴的这些代码运行起来是正常的,我的网页由于比较复杂把ngapp的定义范围搞错了。。
解决方案
代码完全没问题,你可能是控制器或者ngapp定义错误