前言: 前段时间我们学习了angular的指令,他通过ECMA的方式创建元素,可以让我们共用这些元素,我们也知道可以通过 link的方法给这个指令添加一些动作事件,本节,我们将写入和让angular的指令能和控制器进行交互。 1,指令和控制器的交互 上面的代码平淡无奇 ...
前面基本了解了指令的相关内容: 如何自定义指令 指令的复用 本篇看一下指令之间如何交互。学习内容来自 慕课网 指令 背景介绍 这例子是视频中的例子,有一个动感超人,有三种能力,力量strength,速度speed,发光light。 这三种能力作为三种属性,定义动感超人作为一个标签,只要添加对应的属性就能拥有该能力。 为了便于结果的展示,为标签添加鼠标的响应事件,当鼠标移动到对应的标签上就会触发一 ...
2015-02-13 15:44 0 3171 推荐指数:
前言: 前段时间我们学习了angular的指令,他通过ECMA的方式创建元素,可以让我们共用这些元素,我们也知道可以通过 link的方法给这个指令添加一些动作事件,本节,我们将写入和让angular的指令能和控制器进行交互。 1,指令和控制器的交互 上面的代码平淡无奇 ...
前言: 上节我们学习到了指令和控制器之间的交互,通过给指令添加动作,调用了控制器中的方法。本节我们学习指令和指令之间是如何交互的,我们通过一个小游戏来和大家一起学习,听大漠老师说这是国外的人写的demo,我们可以借鉴学习。 1,动感超人 上面的三个按钮,代表三个超人,在此想问 ...
对于指令,可以把它简单的理解成在特定DOM元素上运行的函数,指令可以扩展这个元素的功能。 首先来看个完整的参数示例再来详细的介绍各个参数的作用及用法: restrict[string] restrict是一个可选的参数。用于指定该指令在DOM中以何种形式被声明。默认值 ...
紧接上篇博客“初探AngularJS” 一、前言 在AngularJS中指令尤为重要且内容庞多,固单独提炼出来,梳理一番。如有错误,请不吝讲解。 好了,言归正传,让我们一起走进Angular指令的世界。 在上篇博客的前言部分提到,Angular ...
AngularJS中的$resource使用与Restful资源交互 1.AngularJS中的 $resource 这个服务可以创建一个资源对象,我们可以用它非常方便地同支持RESTful的服务端数据源进行交互,当同支持RESTful ...
我们可以使用内置的$http服务直接同外部进行通信。$http服务只是简单的封装了浏览器原生的XMLHttpRequest对象。 1、链式调用 $http服务是只能接受一个参数的函数,这个参数是一 ...
前面练习了如何自定义指令,这里练习一下指令在不同的控制器中如何复用。 —— 来自《慕课网 指令3》 首先看一下一个小例子,通过自定义指令,捕获鼠标事件,并触发控制器中的方法。 单个控制器的标签指令 依然是先创建一个模块 在模块的基础上,创建 ...
angularjs 指令—— 绑定策略(@、=、&) 引入主题背景:angular 的指令配置中的template可以直接使用硬编码写相应的代码,不过也可以根据变量,进行动态更新。那么需要用到那些变量,因用法的不同,所以需要设置合适的绑定策略。 一、@ 绑定策略 ...