gpt4 book ai didi

javascript - AngularJS $scope 不推送信息并将它们提供给 View 的 ng-repeat

转载 作者:行者123 更新时间:2023-12-02 17:22:39 25 4
gpt4 key购买 nike

我制作了一个小型 AngularJS 应用程序。非常简单。

一切正常。在我看来,我有两个输入,我想将其值传递给 ng-repeat。

这是我的 Controller :

LoginApp.controller("RegisterController", function($scope){
$scope.registerForm = [{
name : "Something",
work : 'SomeWork',
}];

$scope.RegisterSubmit = function($scope){
$scope.registerForm.push({
name : $scope.register.username,
work : $scope.register.password,
});
};
});

在这里,传递给registerForm的默认数据只是在页面中很好地呈现,但是当涉及到通过输入和点击按钮动态插入的数据时,注意到没有错误输出控制台。这是我的观点:

<form  >
<div class="row">
<div class="col-md-4">
<div ng-repeat="each in registerForm">
{{ each.name }}
</div>

<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="">Username</label>
<input name="username" ng-model="register.username"
class="form-control"/>
</div>
</div>

<div class="col-md-12">
<div class="form-group">
<label for="">Password</label>
<input name="password" type="password"
ng-model="register.password" class="form-control"/>
</div>
</div>
</div>


<div class="row">
<div class="col-md-12">
<div class="form-group">
<label >Password Confirm</label>
<input name="password" type="password"
class="form-control" />
</div>
<br />
<input ng-submit="RegisterSubmit()" type="submit" name="user-register"
class="btn btn-info btn-lg" value="Register"/>
</div>
</div>


</div>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
</div>
</form>

值得一提的是, Controller 已正确传递到 DOM 元素,因为刚刚显示了默认的 JSON 数据,而且我的主体也已引导。

最佳答案

@Dalorzo 所说的也是我注意到的第一件事。但我做的 fiddle 还是不行。我尝试使用常规按钮。也许问题是我忘记的有关 ngSubmit 的其他问题。

也许这个 fiddle 可以激发您的灵感:http://jsfiddle.net/Fa6rA/3/

<!-- trying with a regular button -->
<button
class="btn btn-info btn-lg"
data-ng-click="RegisterSubmit()"
type="button" name="user-register"
>
Register as Button
</button>

更新

@Dalorzo 成功了。为了完整起见,这是 fiddle : http://jsfiddle.net/Fa6rA/4/

关于javascript - AngularJS $scope 不推送信息并将它们提供给 View 的 ng-repeat,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23792425/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com