zoukankan      html  css  js  c++  java
  • [angularjs] angularjs系列笔记(一)简介

    Angularjs通过新的属性和表达式扩展了html

    Andularjs 可以构建一个单一页面的应用程序(SPAS SinglePageApplications

    Angularjs通过指令扩展了html,通过表达式绑定数据到html

    ng-app指令定义Angularjs的应用程序

    ng-model指令绑定元素值到应用程序

    ng-bind指令把应用程序数据绑定到html视图

        <div ng-app="">
          <input type="text" ng-model="name">
          <p ng-bind="name"></p>
        </div>

    AngularJs的指令是以ng作为前缀的html属性

    ng-init指令初始化AngularJs应用程序的变量

    AngularJs的表达式写在双大括号内:{{表达式}}

    AngularJs的表达式把数据绑定到html,这与ng-bind指令有异曲同工之妙

    AngularJs将在表达式输出的定义的位置输出数据

        <div ng-app="" ng-init="myName='taoshihan'">
          <input type="text" ng-model="name">
          <p ng-bind="name"></p>
          <p ng-bind="myName"></p>
          <p>{{5+5}}</p>
        </div>

    AngularJs模块(Module)定义了AngularJs应用

    AngularJs控制器(Controller)用于控制AngularJs应用

    ng-app指令定义了应用,ng-controller指令定义了控制器

      <body>
        <div ng-app="Home" ng-controller="index">
          <p>{{myName}}</p>
        </div>
      </body>
      <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
      <script type="text/javascript">
      //实例化应用对象,参数:模块名,空数组
      var app=angular.module("Home",[]);
      //调用应用对象的controller()方法,参数:控制器名,回调函数
      app.controller("index",function($scope){
        $scope.myName="taoshihan";
      })
      </script>
  • 相关阅读:
    ros 使用命令测试topic
    python unicode
    python ros 回充demo
    python ros 回充调用demo
    flask报错No module named 'flask.ext'
    python flask 接口
    ros 安装c++编译的可执行文件
    Linux-Ubuntu14.04下mongodb安装部署
    如何在Ubuntu 14.04中安装最新版Eclipse
    ubuntu 14.04 安装redis5.0.3
  • 原文地址:https://www.cnblogs.com/taoshihan/p/5281746.html
Copyright © 2011-2022 走看看