Question

我有这样的代码 HTML

<div ng-controller="modalCtrl">
    <script type="text/ng-template" id="modal">
        <div ng-repeat="add in addOn">
            <p>{{add.name}}</p>
            <p>{{add.description}}</p>
        </div>
    </script>
</div>

JS

var modalCtrl=function($scope){
    $scope.addOn=[
        {name:'addOne',description:'firstDescription'},
        {name:'addSecond',description:'secondDescription'}
     ]

我的问题是模态没有显示括号内的值，就像它们没有绑定一样，其余的一切都正常，ng-repeat运行良好，因为模态打开或关闭，其他任何东西都在那里我不知道绑定到模态窗口的一些原因？
编辑
$ scope已经存在于我的代码中，我很抱歉没有在问题中写出来，但问题仍然存在。我很抱歉，如果我没有写好代码，反正我的问题是通用的，为什么html绑定到括号中似乎没有绑定到javascript文件中的值？
第二次编辑
如果我用html代码写的话，我已经看到了

{{addOn}}

我可以看到重复整个addOn数组，但我仍然没有理解为什么我无法访问单个值，任何想法？

Answer 1

控制器需要$ scope

var modalCtrl=function($scope){
$scope.addOn=[
    {name:'addOne',description:'firstDescription'}
    {name:'addSecond',description:'secondDescription'}
 ]

见这里：
https://docs.angularjs.org/guide/controller

此外，这可能是定义控制器的更简洁方法：

var myApp = angular.module('myApp',[]);

myApp.controller('modalCtrl', ['$scope', function($scope) {
    // code
}]);

将值绑定到模态窗口中

1 个答案: