Javascript ng重复和保存功能不工作
我的ng重复和保存功能有问题。当我第二次发布新主题时,第一条主题评论会自动重复 大宗报价 Html文件Javascript ng重复和保存功能不工作,javascript,html,angularjs,ng-repeat,Javascript,Html,Angularjs,Ng Repeat,我的ng重复和保存功能有问题。当我第二次发布新主题时,第一条主题评论会自动重复 大宗报价 Html文件 这是我的HTML文件: 我的ng重复和保存功能存在一些问题 <div ng-controller="TopicCtrl"> <div class="container-fluid" style="margin:20px;padding-left:25px; "> <div class="row well"> <div clas
这是我的HTML文件: 我的ng重复和保存功能存在一些问题
<div ng-controller="TopicCtrl">
<div class="container-fluid" style="margin:20px;padding-left:25px; ">
<div class="row well">
<div class="col-md-5">
<form class="form-inline" role="form">
<div class="col-md-12">
<h4>Group Discussion Form</h4>
</div>
</br>
<div class="form-group">
<label for="Topic">Topic:
</label>
<input type="text" class="form-control" ng-model="discussion" ng-model-options="{ updateOn: 'blur' }">
<button class="btn btn-primary" ng-click="Post()">Post</button>
</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel panel-default" style="margin:20px;padding-left:25px;">
<div ng-repeat="i in list" class="ng-scope" limitTo:display_limit>
<div class="panel-body">Topic {{ $index+1 }}
<div class="panel-body">{{i.name}}</div>
</div>
<ul id="todo-list">
<div ng-repeat="todo in todos | filter:search" limitTo:inner_display_limit>
<pre>{{todo.name}}</pre>
</div>
</ul>
<label for="Comment">Comment:</label>
<textarea ng-model="newToDo.name" cols="25" rows="4"></textarea>
<button class="btn btn-xs btn-success" type="submit" ng-click="saveTodo(todo)">Save</button>
</div>
</div>
</div>
</form>
</div>
上面的代码是我的JS文件请将此代码包含在plunker或fiddle中,以便于评估。如果标记中存在错误,如“非闭合表单标记”,请使用Limito作为属性,而不是过滤器。你需要提供。或者把这个问题移到@Grundy Not working code不应该发布在CR@Mast上,是的,但它似乎更适合这个地方question@Grundy不。如果代码是,它不是一个更合适的地方。也许是一个同样糟糕的地方。
angular.module('masters').controller('TopicCtrl', function ($scope, $rootScope) {
$scope.list = [];
$scope.Post = function () {
$scope.list.push({
name: $scope.discussion,
});
$scope.discussion = " ";
console.log($scope.list);
};
$scope.todos = [];
$scope.newToDo = {};
$scope.saveTodo = function (todo) {
$scope.currentItem = $scope.newToDo;
$scope.todos[$scope.currentItemIndex] = $scope.newToDo;
$scope.todos.push($scope.newToDo);
$scope.newToDo = "";
};
});