OK, I have solved my own problem:-
http://plnkr.co/edit/Ug9oM1LNqPpTsONhRTnG?p=preview
What I did was not use isolate scope. It turned out not to be too bad.
Cheers.
Kamal.
On Monday, 18 August 2014 15:44:37 UTC+10, KamBha wrote:
>
> Hi,
> I am trying to create a simple way for the server side to return an error
> associated with a JSON path and have that information translate to a field
> error. For example, if the server returns:-
>
> { "errorMessage": "Code not valid when you say you want to leave on a
> Tuesday", "field" : "room[1].stay.code" }
>
> And I can then target the field directly. One way I thought about making
> this work is to make sure every value is an object and add a $$error where
> an error occurs. So, if you have this:-
>
> $scope.room[1].stay.code
>
> Then there would be some code which turns that value into an object (in
> case it isn't already) and adds $$error to that object as the message.
> Like so:-
>
> $scope.room[1].stay.code.$$error = 'Code not valid when you say you want
> to leave on a Tuesday';
>
> I have tried to achieve this with a directive:-
>
> <input type="text" name="fruitName" ng-model="data.value"
> serverError="data.value.$$error" />
>
> In this case serverError would be a path to the $$error value.
>
> var app = angular.module('angularjs-starter', []);
>
> app.controller('MainCtrl', function($scope) {
> $scope.doSomething = function () {
> alert('Submitted!');
> }
> $scope.data = {};
> $scope.data.value = new String('blah');
> $scope.data.value.$$error = 'My Error';
> $scope.data.toggleError = function() {
> if ($scope.data.value.$$error) {
> $scope.data.value.$$error = null;
> }
> else {
> $scope.data.value = new String($scope.data.value);
> $scope.data.value.$$error = "SOME ERROR";
> }
> };
> });
>
>
> app.directive('input', function (){
> return {
> require: 'ngModel',
> restrict: 'A',
> scope: { serverError : "=serverError" },
> link: function(scope, elem, attr, ctrl) {
> var verificationFunction = function(viewValue) {
>
> if(scope.serverError) {
> ctrl.$setValidity('serverError',true);
> return viewValue;
> }
> else {
> ctrl.$setValidity('serverError',false);
> return undefined;
> }
> };
>
> ctrl.$parsers.unshift(verificationFunction);
> ctrl.$formatters.unshift(verificationFunction);
> verificationFunction();
>
> }
> };
> });
>
> I have a plunkr with my attempt:-
>
> http://plnkr.co/edit/Ug9oM1LNqPpTsONhRTnG?p=preview
>
> Now, I have had some success with 1.1.4, except that it does not seem to
> mark the form as invalid (but it does mark the field as invalid). Also,
> as soon I change the version to anything greater than that (eg 1.1.5) it
> stops working completely.
>
> What am I doing wrong?
>
> Thanks.
>
> Kamal.
>
>
>
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
