angularjs – Angular.js如何从一个指令更新范围？

发布时间：2020-12-17 07:47:40 所属栏目：安全来源：网络整理

导读：如何更新指令范围？ div ng-controller="MyCtrl" p t/p/div 我的指令： var myModule = angular.module('myModule',[]) .directive('t',function () { return { template: '{{text}}',link: function (scope,element,attrs) { scope.text = '1'; element.cli

如何更新指令范围？

<div ng-controller="MyCtrl">
    <p t></p>
</div>

我的指令：

var myModule = angular.module('myModule',[])
    .directive('t',function () {
        return {
            template: '{{text}}',link: function (scope,element,attrs) {
                scope.text = '1';
                element.click(function() {
                     scope.text = '2';
                });
            }
        };
    })
    .controller('MyCtrl',['$scope',function ($scope) {
    }]);

click指令不更新.

使用 $apply方法：

element.click(function() {
      scope.$apply(function(){
           scope.text = '2';
      });
  });

说明：Databinding in angularjs

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!