使用聚合物时,将参数传递给ng-click

时间:2016-06-13 11:43:11

标签: angularjs polymer-1.0

我正在使用带有angularjs的Polymer,我试图将参数传递给使用ng-click调用的函数,在聚合物的dom-repeat中,但是ng-click不接受参数。 代码示例:

<!-- index.html -->
    <paper-tabs selected="{{selected}}" attr-for-selected="name" bottom-item>
    <template is="dom-repeat" items="{{items}}" ng-repeat= "iteme in items">
    <paper-tab name="{{item.title}}" ng-click="navigate(iteme.title)" >{{item.title}}</paper-tab>
    </template>
    </paper-tabs>
    </app-toolbar>

<!-- Polymer Array -->
items: {
      type: Array,
      value: function() {
        return [{link : 'contact',title: 'Contact',icon: 'dashboard'},
         {link : 'profile',title: 'Update Profile',icon: 'group'},
         {link : 'pinReset',title: 'Reset Pin',icon: 'message'},
         {link : 'settings',title: 'Settings',icon: 'settings'},
         {link : 'about',title: 'About',icon: 'message'},
         {link : 'logout',title: 'Logout',icon: 'logout'}]
      }
},

<!-- Angular Js controller -->

function MainController($location, $scope) {
var vm = this;
$scope.navigate=function(page) {
console.log(page);//this log returns undefined
 $location.path('/'+page);
 };

如何将参数传递给聚合物循环内的导航功能

1 个答案:

答案 0 :(得分:2)

可能会有拼写错误

<paper-tab name="{{item.title}}" ng-click="navigate(iteme.title)" >{{item.title}}</paper-tab>

我看到你使用

  

item.title

  

iteme.title