如何使按钮标题等于我的示波器上的值?

时间:2016-02-26 04:06:31

标签: javascript angularjs ng-repeat

我的模板上有一个ng-repeat div中的按钮,我想将它的title属性设置为等于我的作用域中的值,但它显示为字符串,而不是值。

模板:

Gst.Parse.Launch()

在悬停时,上面显示文字字符串“step.description”而不是我的范围中的值。目前我的控制器上有一个名为steps的数组,该数组中的每个步骤对象都有一个名为“description”的键设置为不同的字符串。

1 个答案:

答案 0 :(得分:4)

我认为此链接可以帮助您。 How do you get AngularJS to bind to the title attribute of an A tag?

<body ng-app="myApp">

    <div ng-controller="myCtrl">
          <div ng-repeat="step in steps">
          <button ng-attr-title="{{step.description}}">Text</button>
      </div>
    </div>  
  </body>

您可以使用ng-attr-title绑定悬停值。ng-attr是AngularJS 1.1.4中的新指令

 app.controller('myCtrl', ['$scope', function($scope){
        $scope.steps = [
          {
          description: 'Test1'
        },
         {
          description: 'Test2'
        },
         {
          description : 'Test3'
        }

        ];

以下是链接:https://plnkr.co/edit/Ql4GHSkcuD1r9SywL2mi?p=preview