angular.js - 請教一個關于angularjs的小問題
問題描述
我是angularjs的一個新手，今天在項目中遇到這樣的一個問題我想在1S種以后給p隱藏掉，但是一直沒效果，求解，為什么一直沒反應
<p ng-show='on'>111</p>app.controller(’myinfoCtrl’, [’$scope’],function($scope) { $scope.on=true; setTimeout(function(){console.log($scope.on)$scope.on=false;console.log($scope.on) },1000)}
問題解答
回答1：
<!DOCTYPE html><html ng-app='app'><head> <title></title> <script type='text/javascript' src='x.js'></script></head><body ng-controller='myinfoCtrl'><p ng-show='on'>111</p><script type='text/javascript'> var app = angular.module(’app’, []); app.controller(’myinfoCtrl’, [’$scope’,function($scope) {$scope.on=true;setTimeout(function(){ console.log($scope.on) $scope.on=false; $scope.$apply(); console.log($scope.on)},1000) }]);</script></body></html>
在回調函數里需要手動調用$scope.$apply();
或者使用$timeouthttp://www.baoyu77737.com/...
望采納，謝謝
回答2：
用$timeout：
app.controller(’myinfoCtrl’, [’$scope’,’$timeout’],function($scope,$timeout) { $scope.on=true; $timeout(function(){$scope.on=false; },1000)}
直接在setTimeout中改變$scope中綁定的變量不會觸發變量的臟數據檢查，變量變化不會被同步到界面，因此界面也不會做出更改。
回答3：
我沒用過setTimeout， 不過把setTimeout換成$timeout 可以實現你說的效果
回答4：
<p ng-show='on'>111</p>
app.controller(’myinfoCtrl’, [’$scope’],function($scope) {
$scope.on=true;setTimeout(function(){ $scope.$apply(function(){$scope.on=false; });},1000)
}用setTimeout不會觸發$digest循環，建議用angular封裝好的$timeout吧
回答5：
@流星留步 為什么會報錯？
相關文章：
1. css - 如何使用 vue transition 實現 ios 按鈕一樣的平滑切換效果2. docker安裝后出現Cannot connect to the Docker daemon.3. 給變量賦值的時候是不是也要加//4. nignx - docker內nginx 80端口被占用5. angular.js - angular內容過長展開收起效果6. java - EventBus 3.0 nullPoint異常？7. vim下怎么把一大段代python碼往前移動一個tab？8. javascript - 一個字符串轉換成數字,例子就是a="2,322.222",b=’1,211.21’,如何在angualr中執行相減9. javascript - 求助這種功能有什么好點的插件？10. html - css 文件內，有的樣式沒調用， 有沒有工具刪除這部分沒調用的內容？
網公網安備