您好,登錄后才能下訂單哦!
這篇文章主要介紹angularjs1.5中如何實現(xiàn)組件內用函數(shù)向外傳值,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
組件:
.component('homeCityListCom',{ bindings: { list: '<', cityname:'&' }, controllerAs: 'vm', template: ` <div class="cityListBox"> <span class="title">按拼音首字母選擇</span> <div class="cityItem flexRowStart" ng-repeat="x in vm.list track by $index"> <p class="zimu flexColumnCenter">{{x.sortName}}</p> <ul class="flexRowStart city"> <li ng-repeat="c in x.cities"><a href="/#!/home?city_id={{c.cityId}}" rel="external nofollow" ng-click="vm.cityname({name: c.cityName})">{{c.cityName}}</a></li> </ul> </div> </div>` })
控制器:
.controller('cityListCtrl', ['$scope','$http', function ($scope,$http) { let that = this; // 將城市名字存在本地 that.cityName = function(name){ console.log(123); localStorage.setItem('cityName', name); } }])
使用組件:
<home-city-list-com list="cl.cityList" cityname="cl.cityName(name)"></home-city-list-com>
路由設置:
.state('city_list',{ url:"/city_list", templateUrl:'templates/indexTpl/city_list.html', controllerAs:'cl', controller:'cityListCtrl' })
以上是“angularjs1.5中如何實現(xiàn)組件內用函數(shù)向外傳值”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業(yè)資訊頻道!
免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內容。