Angularjs获取领域 [英] Angularjs fetching fields
本文介绍了Angularjs获取领域的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有一个div内输入表单字段来获取客户端名称，项目开始日期，项目结束日期。不过，我得到这些字段值不确定。我的code如下。我已经加入code为获得这三个领域：
VAR cilentname = $ scope.vm.clientname;
VAR prjstartdate = $ scope.vm.prjstartdate;
VAR prjenddate = $ scope.vm.prjenddate;
＆LT;表格名称=形式NG提交=vm.login（）角色=形式＆GT;
＆LT; DIV CLASS =模体＆GT;
＆LT; DIV CLASS =形横＆GT;
＆LT; DIV CLASS =表单组＆GT; ＆LT;标签=inputEmail3级=COL-SM-3控制标签＆GT;项目名称＆LT; /标签＆gt;
＆LT; DIV CLASS =COL-SM-9＆GT;
＆LT;输入类型=文本名称=prjnameID =prjname级=表格控NG模型=vm.prjname要求/＆GT;
＆LT;跨度NG秀=$ form.firstName脏放大器;＆安培; form.firstName $ error.required级=求助块＆gt;首先名称是必需的＆LT; / SPAN＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; DIV CLASS =表单组＆GT;
＆LT;标签=inputPassword3级=COL-SM-3控制标签＆GT;客户名称＆LT; /标签＆gt;
＆LT; DIV CLASS =COL-SM-9＆GT;
＆LT; DIV NG控制器=MyCntrl＆GT;
＆LT;选择类=表格控NAME =CLIENTNAMEID =客户端名级=表格控NG模型=vm.clientnameNG变化=改变（myColor）＆GT;
＆LT;期权价值=＆GT;选择客户端名称＆LT; /选项＆GT;
＆LT;选项NG重复=色色
值={{color.value}}
NG-选择={{color.value == myColor}}NAME =CLIENTNAMEID =客户端名级=表格控NG模型=vm.clientname＆GT;
{{color.clientname}}
＆LT; /选项＆GT;
＆LT; /选择＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; DIV CLASS =表单组＆GT;
＆LT;标签=inputPassword3级=COL-SM-3控制标签＆GT;项目现状及LT; /标签＆gt;
＆LT; DIV CLASS =COL-SM-9＆GT;
＆LT;输入类型=文本名称=prjstaID =prjsta级=表格控NG模型=vm.prjsta要求/＆GT;
＆LT;跨度NG秀=$ form.username脏放大器;＆安培; form.username $ error.required级=帮助块＆GT;用户名是必需的＆LT; / SPAN＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; DIV CLASS =表单组＆GT;
＆LT;标签=inputPassword3级=COL-SM-3控制标签＆GT;项目开始日期＆LT; /标签＆gt;
＆LT; DIV CLASS =COL-SM-9＆GT; ＆LT;！ - ＆LT;输入类型=文本名称=prjstartdateID =prjstartdate级=表格控NG模型=vm.user.prjstartdate要求/＆GT; - ＆GT;
＆LT; DIV CLASS =容器ID =沙盒容器＆GT;
＆LT; DIV CLASS =输入日期范围输入组ID =日期选择器＆GT;
＆LT;输入类=输入SM形式控制NAME =prjstartdateID =prjstartdate级=表格控NG模型=vm.prjstartdate类型=文本＆GT; ＆LT; / DIV＆GT;＆LT; / DIV＆GT;
＆LT;跨度NG秀=$ form.password脏放大器;＆安培; form.password $ error.required级=帮助块＆GT;需要密码及LT; / SPAN＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT; ＆LT; DIV CLASS =表单组＆GT;
＆LT;标签=inputPassword3级=COL-SM-3控制标签＆GT;项目结束日期＆LT; /标签＆gt;
＆LT; DIV CLASS =COL-SM-9＆GT;
＆LT;！ - ＆LT;输入类型=文本名称=prjenddateID =prjenddate级=表格控NG模型=vm.user.prjenddate要求/＆GT; - ＆GT; ＆LT; DIV CLASS =容器ID =沙盒容器＆GT;
＆LT; DIV CLASS =输入日期范围输入组ID =日期选择器＆GT;
＆LT;输入类=输入SM形式控制NAME =prjenddateID =prjenddate级=表格控NG模型=vm.prjenddate类型=文本＆GT; ＆LT; / DIV＆GT;＆LT; / DIV＆GT;
＆LT;跨度NG秀=$ form.password脏放大器;＆安培; form.password $ error.required级=帮助块＆GT;需要密码及LT; / SPAN＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT; ＆LT; DIV CLASS =表单组＆GT;
＆LT;标签=inputPassword3级=COL-SM-3控制标签＆GT;项目PIN网址＆LT; /标签＆gt;
＆LT; DIV CLASS =COL-SM-9＆GT;
＆LT;输入类型=文本名称=prjurlID =prjurl级=表格控NG模型=vm.prjurl要求/＆GT;
＆LT;跨度NG秀=$ form.password脏放大器;＆安培; form.password $ error.required级=帮助块＆GT;需要密码及LT; / SPAN＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
功能MyCntrlsave（$范围，$ HTTP）{
$ scope.savedetails =功能（）{
VAR VM =这一点;
VAR项目名称= $ scope.vm.prjname;
VAR cilentname = vm.clientname
VAR clientstatus = $ scope.vm.prjsta
VAR prjstartdate = $ scope.vm.prjstartdate
VAR prjenddate = $ scope.vm.prjenddate
VAR prjurl = $ scope.vm.prjurl
警报（cilentname+ cilentname）
警报（prjstartdate+ prjstartdate）
警报（prjenddate+ prjenddate） }
}
解决方案
如果您使用 VAR VM =此你也应该使用 controllerAs 语法。所以，在您使用点 MyCntrlsave 你要么使用 MyCntrl为VM （如果使用NG-CTRL在HTML）或 controllerAs （如果使用的东西喜欢的路线和观点）。
I have an input form field within a div to get the client name, project start date, and project end date. However, I am getting those field values as undefined. My code is below. I have added code for getting those three fields:
var cilentname=$scope.vm.clientname;
var prjstartdate=$scope.vm.prjstartdate ;
var prjenddate=$scope.vm.prjenddate;
<form name="form" ng-submit="vm.login()" role="form">
<div class="modal-body">
<div class="form-horizontal">
<div class="form-group">
<label for="inputEmail3" class="col-sm-3 control-label">Project Name</label>
<div class="col-sm-9">
<input type="text" name="prjname" id="prjname" class="form-control" ng-model="vm.prjname" required />
<span ng-show="form.firstName.$dirty && form.firstName.$error.required" class="help-block">First name is required</span>
</div>
</div>
<div class="form-group">
<label for="inputPassword3" class="col-sm-3 control-label">Client Name</label>
<div class="col-sm-9">
<div ng-controller="MyCntrl" >
<select class="form-control" name="clientname" id="clientname" class="form-control" ng-model="vm.clientname" ng-change="change(myColor)" >
<option value="">Select Client Name</option>
<option ng-repeat="color in colors"
value="{{color.value}}"
ng-selected="{{color.value == myColor}}" name="clientname" id="clientname" class="form-control" ng-model="vm.clientname">
{{color.clientname}}
</option>
</select>
</div>
</div>
</div>
<div class="form-group">
<label for="inputPassword3" class="col-sm-3 control-label">Project Status</label>
<div class="col-sm-9">
<input type="text" name="prjsta" id="prjsta" class="form-control" ng-model="vm.prjsta" required />
<span ng-show="form.username.$dirty && form.username.$error.required" class="help-block">Username is required</span>
</div>
</div>
<div class="form-group">
<label for="inputPassword3" class="col-sm-3 control-label">Project Startdate</label>
<div class="col-sm-9">
<!-- <input type="text" name="prjstartdate" id="prjstartdate" class="form-control" ng-model="vm.user.prjstartdate" required />-->
<div class="container" id="sandbox-container">
<div class="input-daterange input-group" id="datepicker">
<input class="input-sm form-control" name="prjstartdate" id="prjstartdate" class="form-control" ng-model="vm.prjstartdate" type="text">
</div>
</div>
<span ng-show="form.password.$dirty && form.password.$error.required" class="help-block">Password is required</span>
</div>
</div>
<div class="form-group">
<label for="inputPassword3" class="col-sm-3 control-label">Project Enddate</label>
<div class="col-sm-9">
<!-- <input type="text" name="prjenddate" id="prjenddate" class="form-control" ng-model="vm.user.prjenddate" required />-->
<div class="container" id="sandbox-container">
<div class="input-daterange input-group" id="datepicker">
<input class="input-sm form-control" name="prjenddate" id="prjenddate" class="form-control" ng-model="vm.prjenddate" type="text">
</div>
</div>
<span ng-show="form.password.$dirty && form.password.$error.required" class="help-block">Password is required</span>
</div>
</div>
<div class="form-group">
<label for="inputPassword3" class="col-sm-3 control-label">Project PIN Url</label>
<div class="col-sm-9">
<input type="text" name="prjurl" id="prjurl" class="form-control" ng-model="vm.prjurl" required />
<span ng-show="form.password.$dirty && form.password.$error.required" class="help-block">Password is required</span>
</div>
</div>
</div>
</div>
function MyCntrlsave($scope,$http) {
$scope.savedetails = function() {
var vm = this;
var projectname=$scope.vm.prjname;
var cilentname=vm.clientname
var clientstatus=$scope.vm.prjsta
var prjstartdate=$scope.vm.prjstartdate
var prjenddate=$scope.vm.prjenddate
var prjurl=$scope.vm.prjurl
alert("cilentname"+cilentname)
alert("prjstartdate"+prjstartdate)
alert("prjenddate"+prjenddate)
}
}
解决方案
If you use var vm = this you should also use controllerAs syntax. So at the point where you use MyCntrlsave you either use MyCntrl as vm (if using ng-ctrl in HTML) or controllerAs (if using something likes routes and views).
这篇关于Angularjs获取领域的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
