zoukankan      html  css  js  c++  java
  • Angular 学习笔记1

    首先需要下载最新的angular文件,这里有一个快捷的方式:npm install angular@1.3,我这里是下载最新的1.3版本。

    html 部分

    <!DOCTYPE html>
    <html ng-app="app">
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
     <body>
        <div ng-controller="CommonController">
            <div ng-controller="Controller1">
                <p>{{greeting.text}},Angular</p>
                <button ng-click="test1()">test1</button>
            </div>
            <div ng-controller="Controller2">
                <p>{{greeting.text}},Angular</p>
                <button ng-click="test2()">test2</button>
            </div>
            <button ng-click="commonFn()">通用</button>
        </div>
     </body>
        <script type="text/javascript" src="scripts/lib/angular.js"></script>
        <script type="text/javascript" src="scripts/app/mvc.js"></script>
    </html>

    js部分

    var app = angular.module("app",[]);
    app.controller("CommonController",function($scope){
      $scope.commonFn = function(){
            alert("这是通用功能");
        };
    })
    app.controller("Controller1",function($scope){
      $scope.greeting = {
              text:'hello'
          }
          $scope.test1 = function(){
              alert("test1")
          }
    })
    app.controller("Controller2",function($scope){
      $scope.greeting = {
              text:'hello'
          }
          $scope.test2 = function(){
              alert("test2")
          }
    })

    这里的写法是1.3的版本的,老版本写法会不一样的,否则会有吭的

  • 相关阅读:
    Decrease (Judge ver.)
    Raising Modulo Numbers
    最短Hamilton路径
    64位整数乘法
    递归系列——数组和对象的相关递归
    函数内容新增——函数表达式
    数据结构和算法(一)——栈
    (转)jQuery中append(),prepend()与after(),before()的区别
    微信端的user-Agent
    less知识点总结(二)
  • 原文地址:https://www.cnblogs.com/haohaoday/p/4629479.html
Copyright © 2011-2022 走看看