AngularJS:链接方法的范围变量在模板中是空的

时间:2016-06-21 07:32:51

标签: angularjs angularjs-directive

我想从$scope.array获取消息以显示在angularjs弹出窗口中。它不起作用:在链接方法中,正确找到了消息值,但模板中的消息值为空。为什么呢?

我的指示:

'use strict';

angular.module('app')
.directive('formFieldInformation',function(){

        var myController = ['$scope', function ($scope) {

        $scope.message = 'aaaa';

        $scope.messages = [];
        $scope.messages['userNameField'] = "userName Field";
        $scope.messages['userNameSection'] = "userName Section";
        }];


        return{
        restrict:'E',
        template: '<i class="glyphicon glyphicon-info-sign"  style="font-size: 18px; max-width:10px; padding-top:0.6em;"  uib-popover="{{message}}" popover-trigger="mouseenter" popover-append-to-body="true"></i>',
        scope: {
            message: '=',
        },
        link: function (scope, elem, attrs) {
            scope.fieldName = attrs.fieldname;
            scope.message = scope.messages[attrs.fieldname];
            console.log('message for display: '+scope.message);
        },
        controller: myController
        //replace: true
    };
});

使用指令:

<div class="col-xs-3 col-sm-1">
    <form-field-information fieldname='userNameField' ></form-field-information>
</div>

0 个答案:

没有答案