您的位置：首页 > Web前端 > AngularJS

angularjs中ng-bind和ng-model用法

2017-08-12 16:08 639 查看 
下面的代码，不会正常显示剩余的可输入字母数，leftvar不会时时刷新到view，但是如果在ng-bind中更新leftvar，会更新到view，怎么理解？
<!DOCTYPE html><html><head><meta charset="utf-8"><script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script></head><body ng-app="myNoteApp"><div class="aa" ng-controller="myNoteCtrl"><h2>我的笔记</h2><p><textarea ng-model="message" rows="10" cols="20" maxlength="100"></textarea></p><p><button ng-click="save()">保存</button><button ng-click="clear()">清除</button></p><p>Number of characters left: <span ng-bind="left()"></span></p><p>Number of characters left(method2): <span>{{leftvar}}</span></p><p>{{ message }}</p></div><script>var app = angular.module("myNoteApp",[]);app.controller("myNoteCtrl",function($scope){$scope.message = "";$scope.leftvar = 100 - $scope.message.length;//$scope.left = function() {$scope.leftvar = 100 - $scope.message.length;return $scope.leftvar;};$scope.left = function() {"hello world"};$scope.clear = function() {$scope.message = "";};$scope.save = function() {alert("Note Saved");};});</script></body></html>

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                angular
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航