Javascript ng init在angular中不起作用
我对angularjs是新手。为了使用它构建简单的应用程序,我在控制器中定义了一个名为cuurent的变量,现在我想设置输入字段的值,如下所示:Javascript ng init在angular中不起作用,javascript,angularjs,Javascript,Angularjs,我对angularjs是新手。为了使用它构建简单的应用程序,我在控制器中定义了一个名为cuurent的变量,现在我想设置输入字段的值,如下所示: <div class="form-group"> <input type="text" class="form-control" name="UserName" ng-model="management.regData.name" placeholder="UserName" ng-init="management
<div class="form-group">
<input type="text" class="form-control" name="UserName" ng-model="management.regData.name" placeholder="UserName" ng-init="management.regData.name = '{{current.FullName}}'" required>
<p class="help-block" ng-show="(!editForm.UserName.$pristine && editForm.UserName.$error.required) || (editForm.$submitted && editForm.UserName.$error.required) ">this field is required</P>
<p class="help-block" ng-show="regUser.usernameMsg && !editForm.UserName.$error.required && editForm.UserName.$valid">{{ regUser.usernameMsg }}</p>
<ul ng-show="(!editForm.UserName.$pristine && editForm.UserName.$error.pattern) || (!editForm.UserName.$pristine && editForm.UserName.$error.minlength) || (!editForm.UserName.$pristine && editForm.UserName.$error.maxlength)" class="help-block">
<li>Must not contain any special characters or spaces</li>
<li>Must be at least 3 characters but no more than 25</li>
</ul>
</div>
此字段为必填字段
{{regUser.usernamemg}
- 不得包含任何特殊字符或空格
- 必须至少包含3个字符,但不超过25个
问题是ng init=“management.regData.name={{current.FullName}}”不起作用。
有什么建议吗 只需在不使用表达式的情况下使用,即可删除
{{}
ng-init="management.regData.name = current.FullName"
只需在不使用表达式的情况下使用,即可删除
{{}
ng-init="management.regData.name = current.FullName"
您不应该在
nginit
中使用绑定表达式{{}
。您还需要删除当前.FullName周围的'
更改您的代码表单
ng init=“management.regData.name='{{current.FullName}}'”
到
ng init=“management.regData.name=current.FullName”
您不应该在ng init
内部使用绑定表达式。您还需要删除当前.FullName周围的'
更改您的代码表单
ng init=“management.regData.name='{{current.FullName}}'”
到
ng init=“management.regData.name=current.FullName”
删除花括号,然后添加它
ng init=“management.regData.name=current.FullName”
演示
角度模块(“应用程序”,[])
.controller(“ctrl”,函数($scope){
$scope.management={“regData”:{“name”:“}
$scope.current={“全名”:“示例”}
})
去掉花括号,只需添加它即可
ng init=“management.regData.name=current.FullName”
演示
角度模块(“应用程序”,[])
.controller(“ctrl”,函数($scope){
$scope.management={“regData”:{“name”:“}
$scope.current={“全名”:“示例”}
})
尝试此ng init=“management.regData.name=”current.FullName”“
您应该尽可能避免使用ng init
。尝试此ng init=“management.regData.name=”current.FullName”“”
您应该尽可能避免使用nginit
。我认为“current.FullName”的单引号需要remove@sachilaranawaka没错!手机回复:Phehe无忧:谢谢你的回复,不幸的是它不起作用。我认为需要引用一下“current.FullName”
remove@sachilaranawaka没错!从手机回复:Phehe无忧:谢谢你的回复,很遗憾,它不起作用。解决方案不错。@sachila但请确保current.FullName不是来自任何API调用。如果它来自任何承诺,则可能是大小写类似HTML页面的先呈现,在ng init中可能是未定义的感谢你的回复,不幸的是,它不起作用,我认为问题在于管理是我的控制器的别名。这是一个很好的解决方案。@sachila但请确保current.FullName不是来自任何API调用。如果它来自任何承诺,则可能是像HTML page render first这样的大小写,在ng init中可能是未定义的感谢您的回复,不幸的是,它不起作用,我认为问题在于管理层是我控制器的别名。感谢您的回复,不幸的是它不起作用,我认为问题在于管理层是我控制器的别名。感谢您的回复,不幸的是它不起作用,我认为问题在于管理层是我的控制器的别名。