zoukankan      html  css  js  c++  java
  • AngularJS继续中

    <html ng-app>//全局中引用对应于PhoneListCtrl 模板
    
    <head>
        <script src="js/angular.js"></script>
        <script src="js/test.js"></script>
    </head>
    
    <body ng-controller="PhoneListCtrl">
    
    
        <ul>
            <li ng-repeat="pho in phones">
                {{pho.name}}
                <p>{{pho.snippet}}</p>
            </li>
        </ul>
    
    //div里面的作用域 myapp <div ng-app="myapp" ng-controller="mytest"> <ul> <li ng-repeat="ph in phone"> {{ph.name}} <p>{{ph.snippet}}</p> </li> </ul> </div> </body> </html>

    js 代码

    function PhoneListCtrl($scope) {
        $scope.phones = [
          {
              "name": "Nexus S",
              "snippet": "Fast just got faster with Nexus S."
          },
          {
              "name": "Motorola XOOM™ with Wi-Fi",
              "snippet": "The Next, Next Generation tablet."
          },
          {
              "name": "MOTOROLA XOOM™",
              "snippet": "The Next, Next Generation tablet."
          }
        ];
    }
    
    
    //自己声明模板 共外部使用
    var app = angular.module('myapp', []);
    app.controller('mytest', function ($scope) {
        $scope.phone = [
           {
               "name": "Nexus S",
               "snippet": "Fast just got faster with Nexus S."
           },
           {
               "name": "Motorola XOOM™ with Wi-Fi",
               "snippet": "The Next, Next Generation tablet."
           },
           {
               "name": "MOTOROLA XOOM™",
               "snippet": "The Next, Next Generation tablet."
           }
        ];
    });

    http://www.widuu.com/archives/04/1035.html

    http://www.ituring.com.cn/article/15762

    尚未顿悟

  • 相关阅读:
    数据结构之队列
    数据结构之循环链表-c语言实现
    数据结构之栈-c语言实现
    数据结构之栈
    vue v-model原理实现
    vue中使用mixins
    async和await
    vue组件中使用watch响应数据
    vue组件中使用<transition></transition>标签过渡动画
    react-motion 动画案例介绍
  • 原文地址:https://www.cnblogs.com/yujian-bcq/p/3831913.html
Copyright © 2011-2022 走看看