angular.js - 请教一个关于angularjs的小问题
天蓬老师
天蓬老师 2017-05-15 17:09:02
0
5
499

我是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)
}
天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

membalas semua(5)
世界只因有你
<!DOCTYPE html>
<html ng-app="app">
<head>
    <title></title>
    <script type="text/javascript" src="angular.min.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>

Anda perlu memanggil $scope.$apply();

secara manual dalam fungsi panggil balik

Atau gunakan $timeout
http://www.cnblogs.com/ys-ys/...

Semoga diterima pakai, terima kasih

某草草

Gunakan $timeout:

app.controller('myinfoCtrl', ['$scope','$timeout'],function($scope,$timeout) {
    $scope.on=true;
    $timeout(function(){
        $scope.on=false;
    },1000)
}

Menukar pembolehubah terikat dalam $scope terus dalam setTimeout tidak akan mencetuskan semakan data kotor bagi pembolehubah tidak akan disegerakkan ke antara muka, jadi antara muka tidak akan membuat perubahan.

PHPzhong

Saya tidak pernah menggunakan setTimeout, tetapi menukar setTimeout kepada $timeout boleh mencapai kesan yang anda nyatakan

洪涛

<p ng-show="on">111</p>

app.controller('myinfoCtrl', ['$skop'],fungsi($skop) {

$scope.on=true;
setTimeout(function(){
    $scope.$apply(function(){
        $scope.on=false;
    });
},1000)

}
Menggunakan setTimeout tidak akan mencetuskan gelung $digest Anda disyorkan untuk menggunakan $timeout yang dibungkus dalam sudut

世界只因有你


@ Meteor Stay Mengapakah ia melaporkan ralat?

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan