AngularJS從指令鏈接函數到控制器的Pass值

Question

新手到Angular。 非常直截了當的問題。 我有以下代碼。

我只想在下面顯示文件計數。 我將fileCount變量綁定到范圍，但它不起作用。

 var app = angular.module('fileUploader', []); app.controller('upload', function($scope){ $scope.fileCount = 0; }) .directive("customDirective", function(){ return{ link: function(scope, el, attrs){ el.bind("change", function(event){ console.log(event.target.files.length); scope.fileCount = event.target.files.length; }); } } });

  <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> </head> <body> <div ng-app="fileUploader" ng-controller="upload"> <input custom-Directive type="file"/> <p>The file count is: {{fileCount}}</p> </div> </body>

Answer 1

該指令確實從其父級繼承了作用域屬性，但是當您更改對父屬性的引用時，它不知道是否啟動摘要循環，因此您必須手動執行此操作（請查看此工作的jsbin ）：

.directive("customDirective", function(){
    return{
        link: function(scope, el, attrs){
            el.bind("change", function(event){
              scope.fileCount = event.target.files.length;

              scope.$apply(); // notice this
            });
        }
    }
});

這將啟動摘要周期，您將看到更新按預期發生。

AngularJS從指令鏈接函數到控制器的Pass值

問題描述

1 個解決方案

解決方案1
4 已采納 2015-09-05 02:14:44

AngularJS從指令鏈接函數到控制器的Pass值

問題描述

1 個解決方案

解決方案1 4 已采納 2015-09-05 02:14:44

解決方案1
4 已采納 2015-09-05 02:14:44