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

  • 相关阅读:
    【Cocos2d js系列】创建一个弹出框
    Java内存模型
    linux系统-CPU上下文切换
    网络编程-套接字(socket)
    Java虚拟机组成及原理
    swarm
    docker-machine
    存储卷类型
    NOSQL数据库使用存储卷
    建立持久化的容器
  • 原文地址:https://www.cnblogs.com/prolove2/p/4727073.html
Copyright © 2011-2022 走看看