Question

我在使用AngularJS的另一个指令中有一个指令。名称（{{questions.n3A.name}}）的标题未显示。

这是我的js：

.directive('myRating', function() {

return{
    restrict: 'E',
    template: '<div><div class="row question">{{questions.n3A.name}}</div> \
              <div class="row rating" ng-controller="RatingDemoCtrl"> \
                <rating value="rate" max="max" readonly="isReadonly" state-on="\'glyphicon-star rated\'" state-off="\'glyphicon-star\'"></rating> \
                  <div class="col-md-12"> \
                    <button class="btn btn-sm btn-danger form-control" ng-click="rate = 0" ng-disabled="isReadonly">Clear</button> \
                  </div>  \
              </div> \
              </div>',
    replace: true,
    scope: {
        text: '@'
    }
};


});

$scope.questions = {
"n3A": {
  "name": "How safe did you feel on your trip?",
  "ID": "n3A"
},
"n3B": {
  "name": "How did you get there?",
  "ID": "n3B"
},

};

我也做了Pluncker。点击Yes和South America / Asia / Africa时，标题应显示在星星之上。

知道我错过了什么？

Answer 1

您正在使用scope: {text: '@'}

创建指令的隔离范围

这样，指令不知道scope.questions变量引用的是什么。

如果从scope指令声明中删除myRating属性，它将起作用

标题未在AngularJS上显示（指令内的指令）

1 个答案: