zoukankan      html  css  js  c++  java
  • AngularJS 学习(-)Hello world

    早期的AngularJS使我们的前端开发模式发生很大的变化,基使用MVC。 Model - html 模板;Controller - js脚本; Model 来自于Web API 或其他Service的 JSON 或XML数据。随着$scope的引用,现在的AngularJS越来越像MVVM了. 支持双向绑定,依懒注入等各种MVVM的特性。这方面的介绍,网上很多,就不多说了。

    上代码,我的第一个 Angular JS. Hello world.

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <script type="text/javascript" src="angular.js"></script>
     6     <title>Hello World</title>
     7 </head>
     8 <body>
     9     <div ng-app>
    10         <input ng-model="text" type="text" placeholder="please input.." />
    11         <h2>Hello {{text || 'world'}}</h2>
    12     </div>
    13 </body>
    14 </html>

    ng-app: 作用域。此标记指示angular js只处理该<div>标记内的DOM。一个html页面中可以有一个或多个 ng-app.

    ng-model: 数据绑定,当前数据绑定为双向绑定。

    有兴趣的朋友,可以拷出去自己试一下。angular.js文件。请自行下载。

  • 相关阅读:
    设计模式-结构型模式总结
    设计模式-享元模式
    设计模式-组合模式
    设计模式-桥接模式
    设计模式-装饰器模式
    设计模式-外观模式
    设计模式-代理模式
    设计模式-适配器模式
    VMware该虚拟机似乎正在使用中
    BurpSuite-Burp Proxy
  • 原文地址:https://www.cnblogs.com/prolove2/p/4727073.html
Copyright © 2011-2022 走看看