angularjs指令系统

在之前的例子中，我们在html标签中认识了几个ng-的属性，比如ng-app, ng-controller，他们都是angularjs指令系统中的一员，在以后的学习中，我们还会遇到更多的指令系统，他们能够方便快捷的帮助我们实现很多功能。

MVVM

通俗来讲，就是数据改变，视图就改变，视图改变，数据也跟着改变，这就是双向改变的过程。在angular中

• 数据 指的是js声明作用域的函数中，挂载在$scope上的变量的具体值
• 视图 指的是在html中的{
  {}}中的变量的呈现效果

先来看一个数据改变视图的例子

    
        
            
        
    
    
     
        
      
{
   {name}}
            
     
    

两秒之后，young jake 变成 old jake.

另外一个例子，点击button，input框中的数据发生变化

• ng-click点击事件

    
        
            
        
    
    
     
        
      
{
   {name}}
            
     
    
     
        
      
            
                       Change!                        
               
      
    
     
    

最后一个例子是视图改变数据的例子，在该例子中，通过改变input的值将数据中的值改变，然后将改变之后的数据在另外一个input中显示出来

• ng-model

用来同步视图和数据内容的指令，通过该指令实现双向数据同步

    
        
            
        
    
    
     
        
      
            
       输入            
                
      
        
      
            
       显示