angular中子控制器向父控制器傳值的實(shí)例
如下所示：
子級(jí)指令app-sheet中，使用sheet.html作為模版。
在sheet.html中有個(gè)點(diǎn)擊click事件，selectTablist（item），這里的item就是在子級(jí)指令app-sheet中用戶click選擇的item。
在sheet.js中，通過scope:{selectTablist:'&'},和父級(jí)共享這個(gè)方法。
在整個(gè)頂層的路由中，search.html和searchCtrl是互相綁定的。
而在search.html中，使用app-sheet指令的時(shí)候，通過select-tablist=”sClick(id,name)”，表明父級(jí)子級(jí)共享的selectTablist方法，是由父級(jí)的searchCtrl中的sClick(id,name)傳入的。
子級(jí)里面點(diǎn)擊的“c1 北京”的內(nèi)容就可以通過父級(jí)的searchCtrl中的sClick方法打印出來
這樣，父級(jí)的searchCtrl就獲得了app-sheet指令里面的值。
以上這篇angular中子控制器向父控制器傳值的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
用WebStorm進(jìn)行Angularjs 2開發(fā)(環(huán)境篇：Windows 10，Angular-cli方式)
這篇文章主要介紹了用WebStorm進(jìn)行Angularjs 2開發(fā)(環(huán)境篇：Windows 10，Angular-cli方式),小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-12-12
AngularJS中的API（接口）簡(jiǎn)單實(shí)現(xiàn)
本文主要介紹AngularJS API（接口）,這里對(duì)AngularJS API的知識(shí)做了詳細(xì)講解,并附簡(jiǎn)單代碼實(shí)例,有需要的小伙伴可以參考下2016-07-07
Angular 開發(fā)學(xué)習(xí)之Angular CLI的安裝使用
這篇文章主要介紹了Angular 開發(fā)學(xué)習(xí)之Angular CLI的安裝使用，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-12-12
angularJs中$http獲取后臺(tái)數(shù)據(jù)的實(shí)例講解
今天小編就為大家分享一篇angularJs中$http獲取后臺(tái)數(shù)據(jù)的實(shí)例講解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08
Angular6 發(fā)送手機(jī)驗(yàn)證碼按鈕倒計(jì)時(shí)效果實(shí)現(xiàn)方法
這篇文章主要介紹了Angular6 發(fā)送手機(jī)驗(yàn)證碼按鈕倒計(jì)時(shí)效果實(shí)現(xiàn)方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-01-01
監(jiān)聽angularJs列表數(shù)據(jù)是否渲染完畢的方法示例
前端在做數(shù)據(jù)渲染的時(shí)候經(jīng)常會(huì)遇到在數(shù)據(jù)渲染完畢后執(zhí)行某些操作，這篇文章主要介紹了監(jiān)聽angularJs列表數(shù)據(jù)是否渲染完畢的方法示例，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2018-11-11
Angular.JS中指令ng-if、ng-show/ng-hide和ng-switch的使用教程
在Angular的原生指令中有這幾個(gè)指令用來控制元素的展示與否，ng-show/ng-hide/ng-if和ng-switch。在angular性能優(yōu)化中，我們也常常會(huì)用到它。這篇文章主要給大家介紹了在Angular.JS中指令ng-if、ng-show/ng-hide和ng-switch的使用教程，需要的朋友可以參考。2017-05-05
這篇文章主要介紹了AngularJS上拉加載問題解決方法的相關(guān)資料,該問題在項(xiàng)目中一直存在，小編給大家分享解決辦法，需要的朋友可以參考下2016-05-05
本篇文章主要介紹了詳解angular ui-grid之過濾器設(shè)置，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
AngularJS學(xué)習(xí)筆記之ng-options指令
ng-options是angular-1.3新出的一個(gè)指令,這篇文章就來介紹這個(gè)指令的用法.有需要的小伙伴可以參考下。2015-06-06