使用Angularjs设置隐藏文本框

时间:2014-01-08 07:01:27

标签: javascript jquery angularjs

我正在使用angularjs,请在 http://jsfiddle.net/6XDeV/

中查看此代码

我想要的:

点击按钮添加后,$scope.todotest值将显示为文本框中的值。

我的问题:

当我添加第一个时,它不会在文本框中显示日期和文本,如果我第二次添加,它将出现。我想在第一次点击添加按钮时出现。

任何人都知道这件事,请帮我解决,谢谢。

3 个答案:

答案 0 :(得分:2)

这是因为您第一次致电addTodotodotestundefined

只需在$scope.todotest = '23'之前移动push,就像这样:

  $scope.addTodo = function() {
     $scope.todotest = '23';
     $scope.todos.push({text:$scope.todoText,test:$scope.todotest, done:false});
     $scope.todoText = '';   
  };

示例:http://jsfiddle.net/757d3/

答案 1 :(得分:0)

添加此行$ scope.todotest ='23';在$ scope.addTodo = function(){

之前

检查这个[代码] http://jsfiddle.net/6XDeV/1/ [/ code]

答案 2 :(得分:0)

在向数组 todos 添加新项目之后,您正在设置$ scope变量 todotest

$scope.addTodo = function() {
  $scope.todos.push({text:$scope.todoText,test:$scope.todotest, done:false});
  $scope.todoText = '';
  $scope.todotest = '23'; // This should be done before the push
};

请参阅更新的fiddler here