自助下单小程序_angularjs1.5 组件内用函数向别传值

阅读  ·  发布日期 2021-01-08 12:10  ·  admin
angularjs1.5 组件内用函数向外传值的实例       今天小编就为大家分享一篇angularjs1.5 组件内用函数向外传值的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
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- list="cl.cityList" cityname="cl.cityName(name)" /home- 

路由设置:

 .state('city_list',{
 url:"/city_list",
 templateUrl:'templates/',
 controllerAs:'cl',
 controller:'cityListCtrl'
 })

以上这篇angularjs1.5 组件内用函数向外传值的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持凡科。