angularjs1.5中如何实现组件内用函数向外传值

这篇文章主要介绍angularjs1.5中如何实现组件内用函数向外传值,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

成都创新互联是由多位在大型网络公司、广告设计公司的优秀设计人员和策划人员组成的一个具有丰富经验的团队,其中包括网站策划、网页美工、网站程序员、网页设计师、平面广告设计师、网络营销人员及形象策划。承接:成都网站设计、网站建设、网站改版、网页设计制作、网站建设与维护、网络推广、数据库开发,以高性价比制作企业网站、行业门户平台等全方位的服务。

组件:

.component('homeCityListCom',{
  bindings: {
  list: '<',
  cityname:'&'
 },
 controllerAs: 'vm',
 template:
 `
 
  按拼音首字母选择
  
   {{x.sortName}}

        {{c.cityName}}       
 
` })

控制器:

.controller('cityListCtrl', ['$scope','$http', function ($scope,$http) {
 let that = this;
 // 将城市名字存在本地
 that.cityName = function(name){
  console.log(123);
  localStorage.setItem('cityName', name);
 }
}])

使用组件:

路由设置:

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

以上是“angularjs1.5中如何实现组件内用函数向外传值”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


分享名称:angularjs1.5中如何实现组件内用函数向外传值
网站URL:http://csruizhi.cn/article/pjpspo.html

其他资讯

Copyright © 2007-2024 成都优众联杰科技有限公司 All Rights Reserved 蜀ICP备2024116266号
友情链接: 网站制作报价 定制网站设计 专业网站设计 成都网站制作 成都网站设计 重庆网站设计 网站建设方案 定制网站设计 网站建设开发 成都网站制作 商城网站建设 定制网站建设 网站制作公司 手机网站建设 品牌网站建设 成都企业网站制作 网站建设公司 成都定制网站建设 专业网站设计 高端定制网站设计 成都商城网站制作 网站建设费用