Razor视图不使用AngularJS

时间:2017-08-17 11:26:25

标签: c# angularjs asp.net-mvc asp.net-mvc-4 razor

我正在开发一个.NEt MVC应用程序,有一个带有剃刀视图的表单以及AngularJS输入但是ng_change不起作用。它与普通的HTML输入工作正常。以下是语法

 @Html.EditorFor(model => model.R10Length, new { @class="form-control fcus", step="any", min="1", ng_model= "conf.amr10length", ng_change= "fr15length()", ng_value= "@Request['r10length']" }) 

正常工作

<input type="number" ng-model="conf.amr10length" step="any" min="1" maxlength="5" name="r10length" id="r10length" class="form-control fcus" placeholder="R10 Length" ng-change="fr15length()" value="@Request["r10length"]" required />
  

当文本框中的值发生更改时,它会调用fr15length()函数并与文本框绑定。

2 个答案:

答案 0 :(得分:0)

你可以使用TextBoxFor.It工作正常。

  

@ Html.TextBoxFor(model =&gt; model.R10Length,new {@class =   “form-control fcus”,step =“any”,min =“1”,ng_model =   “conf.amr10length”,ng_change =“fr15length()”,ng_value =   “@Request ['r10length']”})

答案 1 :(得分:0)

ng-value指令用于设置具有AngularJS表达式的元素的值。

如果您只想使用剃刀代码设置值,请使用value标记:

@Html.EditorFor(model => model.R10Length, new { @class="form-control fcus", step="any", min="1", ng_model= "conf.amr10length", ng_change= "fr15length()", value=Request["r10length"] })

请注意,如果您在控制器中将$scope.conf.amr10length设置为任何内容,则该值将会丢失,因为您已将该元素与ng-model绑定。