angular自己的笔记

  angular知道怎么用了, 就打算读一读源代码;

<html ng-app="phonecatApp">
    <head>
        <meta charset="utf-8" />
        <script src="http://cdn.bootcss.com/jquery/2.1.1-rc2/jquery.min.js"></script>    <!--这个angular就是下面我贴出来的JS代码-->
        <script type="text/javascript" src="angular_devolop.js"></script>
    </head>
<body ng-controller="PhoneListCtrl" id="p">

      <ul>
        <li ng-repeat="phone in phones" t={{txt}}>
          {{phone.name}}
          <p>{{phone.snippet}}</p>
        </li>
      </ul>

</body>
<script>
    //初始化用户模块;
    var phonecatApp = angular.module(‘phonecatApp‘, []);

    //为用户的控制器添加反射, 就是回调了, 文档加载完毕就会用到了;
    phonecatApp.controller(‘PhoneListCtrl‘, function($scope) {
      $scope.txt = "text";
      $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.‘}
      ];
    });

</script>
</html>

  JS代码:

  http://files.cnblogs.com/diligenceday/angular_devolop.js

时间: 2024-10-25 01:23:45

angular自己的笔记的相关文章

[Pro Angular.JS]学习笔记1.1:设置开发环境

可以使用yeoman.io,很方便.我已经写了一篇随笔,介绍如何使用.这里也有一篇介绍的文章:http://www.cnblogs.com/JoannaQ/p/3756281.html 代码编辑器,在Mac下用了一下WebStorm,太恶心了.另外发现书的作者使用的开发环境是Windows + VS Express 2013,为了方便学习,我也使用VS Express 2013 Update2.VS2013用起来蛮舒服的,把WebStorm比得跟驼屎一样.也许是因为我没用习惯吧. 1.安装Nod

Angular JS 学习笔记

特定领域语言 编译器:遍历DOM来查找和它相关的属性, 分为编译和链接两个阶段, 指令:当关联的HTML结构进入编译阶段时应该执行的操作,可以写在名称里,属性里,css类名里:本质上是函数 稳定的DOM:绑定了数据模型的DOM元素的实例不会在绑定的生命周期发生改变 作用域:用来检测模型的改变和为表达式提供执行上下文的 AngularJS 和其它模板系统不同,它使用的是DOM而不是字符串 指令: 由某个属性.元素名称.css类名出现而导致的行为,或者说是DOM的变化 Filter过滤器:扮演着数据

Angular 2 学习笔记(一)

Angular 2 学习笔记(一) First Application 建立自定义组件(Components) 从表单(Form)接受用户输入(input) 渲染对象列表并用视图战事 监听(Intercepting)用户点击事件并执行操作 Getting started TypeScript 建议使用 TypeScript 开始 Angular 2 的编程. Angular 2 有 ES5 API ,但是 Angular 2 是用 TypeScript 写的并且大部分人都在使用 TypeScri

Angular【学习笔记】

1.angular入门网站 感谢@菜鸟教程:http://www.runoob.com/angularjs/angularjs-tutorial.html 学习笔记:

[Cousera Angular JS学习笔记]第一周

最近在给搜索引擎做前台,开始学习Angular JS,直接上coursera上的课程:https://www.coursera.org/learn/angular-js/home/week/1(没有JS基础的同学可以和我一样先过下cousera的JS课程 Interacticity with JavaScript) 要先安装bower(方便获取JS),安装bower之前要先安装node JS (1) 安装nodejs过程直接参考http://czpae86.iteye.com/blog/1636

[Cousera Angular JS学习笔记]第一周(2)

之前写了一个简单的angular的页面,这边主要要学习几个用法:controller,filter (1)第一个练习主要是把原来的ng-init的内容移到controller 首先定义module名称 <html lang="en" ng-app="confusionApp"> 然后初始化module和controller,是在script标签下面 <script> var app = angular.module('confusionApp

Angular JS 学习笔记(一)

1. 菜鸟教程:http://www.runoob.com/angularjs/angularjs-tutorial.html 2. Angular JS中文网:http://www.apjs.net/

angular 4--指令笔记

1. Angular 模块引导 Angular没有了类似AngularJS中的<body ng-app="my-app">这样的引导指令了 通过显示调用 bootstrap 函数,并传入应用模块的名字( AppComponent)来启动应用. import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { AppComp

Angular.js学习笔记 (二)

用A链接对象解析url的组成 var url = 'https://www.baidu.com:8080/aaa/1.html?id=10#name'; var aLink = document.createElement('a'); aLink.href = url; console.log(aLink);//<a href="https://www.baidu.com:8080/aaa/1.html?id=10#name"></a> console.log(

angular.js学习笔记--概念总结

好久没更新了,现在开始学习学习angularjs,并且把学习到的一些知识总结记录一下,方便以后查找以及希望能给初学者一些帮助!(由于本人也是初学ng所以各位慎重理解!) 废话不多说,开始! $rootScope 和 $scope: $rootScope是angular中最接近全局作用域的对象,是所有$scope对象的最上层! $scope对象就是一个普通的js对象,我们可以在其上随意修改和添加属性,并且其在angular中充当数据模型,它是所有属性都可以自动呗视图访问到,但是它并不负责数据的处理