加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angularjs – 将聚合物组件和角度控制器连接在一起

发布时间:2020-12-17 10:21:56 所属栏目:安全 来源:网络整理
导读:我刚刚开始尝试使用聚合物,并尝试将其与AngularJS一起用于一个单页应用程序中.因此,我选择了两种聚合物-ui组分:polymer-ui-sidebar-menu和polymer-ui-pages.每次用户从侧边栏中选择一个项目时,页面组件应该显示其项目具有相同的索引… 但是如何连接这两个组
我刚刚开始尝试使用聚合物,并尝试将其与AngularJS一起用于一个单页应用程序中.因此,我选择了两种聚合物-ui组分:polymer-ui-sidebar-menu和polymer-ui-pages.每次用户从侧边栏中选择一个项目时,页面组件应该显示其项目具有相同的索引…

但是如何连接这两个组件?

我尝试使用菜单中的onclick事件,但这不能按预期工作.

也许除了自己的文档之外,万维网上还有关于聚合物的有用文件吗?

更新:

HTML:

<polymer-ui-sidebar-menu label=Channels>
  <polymer-ui-menu-item ng-repeat="channel in channels"
    ng-click=select($index)
    label="{{ channel }}"
    icon=menu>
  </polymer-ui-menu-item>
</polymer-ui-sidebar-menu>
<polymer-ui-pages>
  <span ng-repeat="channel in channels">content: {{ channel }}</span>
</polymer-ui-pages>

控制器:

$scope.select = function (index) {
  angular.element("polymer-ui-sidebar-menu")[0].selected = idx;
  angular.element("polymer-ui-pages")[0].selected = idx;
};

要使angular.element(selector)中的选择器工作,你必须在jquery之前包括jquery之前的angular和polymer!

我制作了一个视频,演示了Web组件(Polymer元素)如何与Angular指令对话: http://www.youtube.com/watch?v=p1NpZ-0Op0w&list=PLRAVCSU_HVYu-zlRaqArF8Ytwz1jlMOIM&index=1

视频数据中的示例 – 使用Angular的数据绑定功能绑定组件的属性,但您应该能够使用其他功能来使事情正常工作.您是否尝试过添加ng-click< polymer-ui-sidebar-menu>?

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读