ng-cloak不起作用

我寫了一段代碼，它需要一些文本輸入並刪除文本中的'＃'標記。代碼運行良好。但最初當頁面加載時，我正在'{{textWithHashes | textWithoutDashes}}'。這不是很吸引人。我嘗試過使用ng-cloak，但仍然無法隱藏它。有人可以告訴我爲什麼它不工作，如果有更好的方法來隱藏它。ng-cloak不起作用

HTML文件：

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Removing the delimiters from the Text</title> 
     <script src="js/angular.min.js"></script> 
     <script src="js/appModule1.js"></script> 
    </head> 

    <body ng-app="appModule" ng-controller="appModuleCtrl"> 

     <input type="text" ng-model="textWithHashes"> 

     <!--The next line will give the text without the hash tags--> 

     <label ng-cloak>{{textWithHashes | textWithoutDashes}}</label> 

    </body> 
</html>

JavaScript文件：

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

appModule.filter('textWithoutDashes',function(){ 
    return function(text){ 
     return text.split('#').join(' '); 
    } 
}); 


appModule.controller('appModuleCtrl',function(){ 

});

來源

2016-02-03 Abhishek

試試這個的class = 「NG-斗篷」 – saikumar

@ saikumar..that作品！ – Abhishek

您可以使用ng-bind並在控制器過濾文本（這是建議報告業績wize以及）：

<label ng-bind="textWithHashes"></label>

並在您的控制LER：

appModule.controller('appModuleCtrl',function($scope, $filter){ 
    $filter('textWithoutDashes')($scope.textWithHashes); 
});

來源

2016-02-03 06:31:14 Daniel

感謝您的幫助..這是可行的 – Abhishek

根據NG-斗篷文檔（https://docs.angularjs.org/api/ng/directive/ngCloak），則必須在頭標記加入這個CSS：

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { 
    display: none !important; 
}

來源

2016-02-03 06:47:59

ng-cloak不起作用

回答

相關問題