前言: 前段時間我們學習了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可以直接使用硬編碼寫相應的代碼,不過也可以根據變量,進行動態更新。那么需要用到那些變量,因用法的不同,所以需要設置合適的綁定策略。 一、@ 綁定策略 ...