javascript - 如何从指令设置输入类型文本的值，该指令从数组中获取随机值

Question

我编写了以下函数来设置输入 type="text"的值。该值是随机选取的数组元素。

(function func(){
    var qArray = ['This','is','a','test','string','that','has'];
    for(var i =0;i<qArray.length;i++) {
            var que = Math.floor(Math.random() * 7);
            console.log(qArray[que]);
        }
        document.getElementById("q").setAttribute("value", qArray[que]);
        document.getElementById("q").innerHTML = qArray[que];

    })()

http://jsbin.com/daturahu/1///工作中

现在我的其余代码都在 AngularJs 中，我很难使用 angualrjs 使用数组元素更新输入 type = "text"值。我知道我必须创建一个指令并使用它，但我无法让它工作。有人可以看一下并请帮忙吗？

我的jsbin在这里，

http://jsbin.com/xelerusu/1///损坏

Answer 1

我认为您特别关注input的value属性，如果是这种情况，只需将您的模板更改为此...

template:'<input type="text" id="q" value="{{val}}">'

并在指令的链接函数中根据需要设置$scope.val

link: function(scope, element, attr){
  var qArray = ['This','is','a','test','string','that','has'];
  for(var i =0;i<qArray.length;i++) {
    var que = Math.floor(Math.random() * 7);
  }
  scope.val = qArray[que];
}

这里是JSBIN EXAMPLE ...