angularJS 学习之路

AngularJS 通过 ng-directives 扩展了 HTML。

ng-app 指令定义一个 AngularJS 应用程序。也就是angularjs作用的入口  作用在什么标签或者整个body内部

ng-model 指令把元素值(比如输入域的值)绑定应用程序数据到 HTML 控制器(input, select, textarea)。双向绑定

ng-bind 指令把应用程序数据绑定到 HTML 视图。多用于显示内容常用span标签

ng-init 指令初始化 AngularJS 应用程序变量。定义初始值,一般不常用

ng-repeat 指令会重复一个 HTML 元素 。多用于数组的遍历

ng-controller 指令定义了应用程序控制器。使用$scope 对象来调用控制器,在控制器里为$scope添加属性和方法可以在ng-model里直接调用属性或方法,$scope必须写

指令

自定义指令:利用directive命令。例如:

var app = angular.module("myApp", []);
app.directive("runoobDirective",
function() {
    return {
       
restrict : "A",
       
template : "<h1>自定义指令!</h1>"
    };

});

调用自定义命令可以把自定义命令的名字作为属性 类名(注释、标签),但是可以通过restrict来设置调用方式

  • E 作为元素名使用    不建议用
  • A 作为属性使用
  • C 作为类名使用        建议用
  • M 作为注释使用       不建议用

服务

$location 获取页面的url   需要把$location作为控制器的参数

$http 向服务器发起请求获得数据   需要把$http作为控制器的参数

var app = angular.module(‘myApp‘, []);
app.controller(‘myCtrl‘,
function($scope, $http) {
    $http.get("welcome.htm").then(function
(response) {
        $scope.myWelcome
= response.data;
    });
});

$timeout    延迟多久执行

$interval      每隔多久执行

自定义服务:调用server命令

app.service(‘alert‘, function() {
    alert(‘server‘)
});

定义好之后调用需要在控制器的参数里加上自定义服务的名字

 

时间: 2024-07-30 13:49:59

angularJS 学习之路的相关文章

luluzero的angularJs学习之路_angularJs示例代码

最近开始自学 angularJs这个前端MVC框架,感觉在前端实现MVC很酷有木有.哈哈哈... 先说说我对前端MVC的一个基本的理解吧(刚开始学习接触得还比较浅显,理解可能会有些不到位,还请各位大神指正). 首先MVC中M(Model)层,即数据模型层,用于处理业务中的数据信息和存储业务中的状态信息.当Model中的数据改变后,更新后的数据需要显示在View层.在传统的后端实现MVC的框架中,通常是页面提交一个表单或者是Ajax请求给后台的Action,再由Action调用业务处理模块(Ser

AngularJS学习之旅

开篇 最近由于项目上可能需要用到AngularJS,公司将技术学习.调研的任务安排了下来,因此开始了我的AngularJS学习之路. 在这之前没写过技术博客,主要是由于太懒,另外自愧文笔不好,因此一直以来羞于提笔.但想来做技术好多年,不能再是碎片式学习了,得更系统地学习,将自己对于技术的理解记录下来,敢于呈现给大家并接受大家的指正. 闲言碎语不多说,还是直接开始我的AngularJS学习之旅吧. 学习足迹 AngularJS入门 (1)认识AngularJS

Azure云平台学习之路(三)——Cloud Services

1.什么是云服务? 能够部署高度可用的且可无限缩放的应用程序和API.简而言之,就是你写的CMD程序按照一定的框架进行少量修改就能运行在Azure云平台上. 2.Azure云服务有什么特点? (1)专注应用程序而不是硬件,PaaS的一种. (2)支持多种框架和语言. (3)集成了运行状况监视和负载平衡. (4)自动缩放优化成本和性能 3.建立云服务之前,我们需要建立一个云存储,来记录我们的程序的日志信息(当然,这不是必须的) (1)选择左边导航栏的"存储".主面板上显示的是所有已有的存

linux学习之路之LVM

试想一种情况,当初我们在规划磁盘的时候,只给某一个磁盘或分区之划分了30G的容量,但是后来,随着业务的需求,该磁盘或者分区的使用量会越来越大,等到以后再有数据存放时,发现该磁盘或者分区的容量不够用,此时该怎么办了?可以新增一个磁盘,经过格式化,挂载等过程就可以使用这个磁盘了,再将原来磁盘的数据完全的复制过来.等到后来又发现,规划的磁盘又太大了,然后又使用上述方法来减少磁盘的大小.虽然这种方法可行,但是效率低,比较复杂.不应该是我们首选的方法. 当然,我们可以这样做,将多个磁盘或者分区(PV)组合

我的算法学习之路

关于 严格来说,本文题目应该是我的数据结构和算法学习之路,但这个写法实在太绕口--况且CS中的算法往往暗指数据结构和算法(例如算法导论指的实际上是数据结构和算法导论),所以我认为本文题目是合理的. 这篇文章讲了什么? 我这些年学习数据结构和算法的总结. 一些不错的算法书籍和教程. 算法的重要性. 初学 第一次接触数据结构是在大二下学期的数据结构课程.然而这门课程并没有让我入门--当时自己正忙于倒卖各种MP3和耳机,对于这些课程根本就不屑一顾--反正最后考试划个重点也能过,于是这门整个计算机专业本

一个女大学生的代码学习之路(二)

首先说一下,写这种文章是由于我在四月四日晚上,在手动搭建自己的第一个ssh项目的时候,遇到了一个配置的问题,怎么解决也弄不好,当时是四号晚上九点,我看了一眼表,我就想两个小时之内,我要是能搞定就算行了,但是其实,我搞到三点才OK(凌晨),那时候已经是五号了,转天是一家子去扫墓的时候,结果我居然以这种一个理由没有去,理由是我太累了么?我只是就是搭了一个架子,就是由于我的包太混乱了,导致不兼容,所以tomcat总也不启动,你可能认为好笑,这么简单一个问题怎么就费这多多时间呢,但是作为一个刚接触三框架

kafka学习之路(二)——提高

kafka学习之路(二)--提高 消息发送流程 因为Kafka内在就是分布式的,一个Kafka集群通常包括多个代理.为了均衡负载,将话题分成多个分区,每个代理存储一或多个分区.多个生产者和消费者能够同时生产和获取消息.     过程: 1.Producer根据指定的partition方法(round-robin.hash等),将消息发布到指定topic的partition里面 2.kafka集群接收到Producer发过来的消息后,将其持久化到硬盘,并保留消息指定时长(可配置),而不关注消息是否

Android开发学习之路--网络编程之xml、json

一般网络数据通过http来get,post,那么其中的数据不可能杂乱无章,比如我要post一段数据,肯定是要有一定的格式,协议的.常用的就是xml和json了.在此先要搭建个简单的服务器吧,首先呢下载xampp,然后安装之类的就不再多讲了,参考http://cnbin.github.io/blog/2015/06/05/mac-an-zhuang-he-shi-yong-xampp/.安装好后,启动xampp,之后在浏览器输入localhost或者127.0.0.1就可以看到如下所示了: 这个就

Qt学习之路

  Qt学习之路_14(简易音乐播放器) Qt学习之路_13(简易俄罗斯方块) Qt学习之路_12(简易数据管理系统) Qt学习之路_11(简易多文档编辑器) Qt学习之路_10(Qt中statusBar,MessageBox和Timer的简单处理) Qt学习之路_9(Qt中Item Widget初步探索) Qt学习之路_8(Qt中与文件目录相关操作) Qt学习之路_7(线性布局和网格布局初步探索) Qt学习之路_6(Qt局域网聊天软件) Qt学习之路_5(Qt TCP的初步使用) Qt学习之路