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文件。请自行下载。

  • 相关阅读:
    [SDOI2015]星际战争
    [SDOI2016]生成魔咒
    hdu3311
    [ZJOI2011]最小割
    P3331 [ZJOI2011]礼物(GIFT)
    [ZJOI2010]贪吃的老鼠
    状压dp-----三进制
    noip2016 天天爱跑步
    概率期望dp
    poj2186
  • 原文地址:https://www.cnblogs.com/prolove2/p/4727073.html
Copyright © 2011-2022 走看看