如何在mvc cshtml页面中的角度js中单独显示错误消息?

时间:2015-06-02 16:37:16

标签: javascript asp.net-mvc angularjs asp.net-mvc-4

我在mvc项目中实现了服务器端验证。

控制器代码

   return Json(ListErrors, JsonRequestBehavior.AllowGet);

create.js

     .error(function (responseText, status, error) {
                                $scope.errorvalue = false;
                                $scope.errors = responseText;
   $('#txtname').addClass('errorClass');
                $scope.name = responseText;
                    $scope.namealert = true;
                            });

在responseText中,我收到了property nameerror message的错误列表, enter image description here

如何根据error messagelabels绑定到不同的property name

如果属性名称为Name,则错误消息应为please enter name 对于name输入文本框

我尝试了以下但它给出了所有对象值:(

  <input id="txtname" type=text ng-model="Name" class="form-control">
  <label ng-model="name" ng-show="namealert" style="color:red;margin-top:-35px">{{name}}</label>

输出

[{"PropertyName":"Name","ErrorMessage":"Please enter Namename","AttemptedValue":null,"CustomState":null,"ErrorCode":null,"FormattedMessageArguments":null,"FormattedMessagePlaceholderValues":null}]

1 个答案:

答案 0 :(得分:1)

所以你很亲密。您的JSON包含要绑定的键/值对。在您的控制器中,解析JSON以获取值,并将您获得的值设置为已绑定到标签控件的viewmodal上的属性。

以下是一个包​​含示例的网站:https://ujjaini.wordpress.com/2014/06/09/binding-json-data-to-front-end-angular-js-framework/