angularjs-directive

I am trying to create directive which can be used to compare two fields in multiple projects. MarkUp : <div class="form-group"> <input ng-model="user.password" type="password" name="password" /> </div> <div class="form-group"> <input ng-model="user.confpassword" ng-compare="password" name="confpassword" type="password" /> <p ng-show="registrationform.password.$error.ngcompare" class="help-block">Password's don't match</p> Directive : "use strict"; angular.module('app.directive.ngCompare', []).directive('ngCompare', function () { return { require: 'ngModel', link: function (scope, element,

I want to create a custom InputCustom component and use it to create model-driven forms. My custom component just wraps an input field and uses Bootstrap material design for look'n'feel. @Component({ selector:'inputCustom', template:` <div class="form-group label-floating is-empty"> <label class="control-label" for="input">Type here</label> <input class="form-control" id="input" type="text"> <p class="help-block">Some help text</p> <span class="material-input"></span> </div> `}) class InputCustom{....} In Angular2 when you create a model-driven form <form [ngFormModel]="formRef"> <input type =

I have jsonData which consist of HTML content. I want to render that HTML in ng-grid. The content is not rendered however -- it only shows up in normal string format. Below is the plnkr which shows all the code: http://plnkr.co/edit/RlWyDqCUUR15dmLM7ePV?p=preview There's a few things going on here: Not related to your exact issue, but you've got nested single quotes in your firstName field. You need to do some escaping or your ng-click expression is going to break. So instead of ng-click='show('F:/cox/main.html')' you can do ng-click=\"show('F:/cox/main.html')\" . Also not related to your

You can test it in this jsFiddle: HERE (better is to see on new jsFiddle, see EDIT part of this post) I think there is a bug in AngularJS or at least not an expected result. If i detach a form then re-append it, it's class ng-invalid switch to ng-valid on re-append it to the DOM. This has for consequence to enable the submit button of the form even data aren't valid. Of course, i was expecting that validity status didn't switch. I think it's a angular bug, but maybe a jquery one. I could use jquery to check on append if form was valid or not and then forcing form class but it's seems not

I'm trying to add an attribute to an angularJs element from a directive like this: element.attr('startOffset', val); But when I check the element, the attribute added is 'startoffset' where the 'o' is not a capital letter. Is there any way to add an attribute to an element and keep the case of the word intact? Thanks If you set an attribute using jqliteWrapper .attr or even with direct DOM operation .setAttribute it will lowercase the attribute name, before attaching to the element. When called on an HTML element in an HTML document, setAttribute lower-cases its attribute name argument. Since

I want to load different templates for different screen sizes in a particular view. Markup : <div id="phoneMetaDiv" class="visible-xs"><!-- Visible on phones --></div> <div id="tabletMetaDiv" class="visible-sm"><!-- Visible on tablets --></div> <div id="desktopMetaDiv" class="visible-md"><!-- Visible on desktops --></div> <div id="giantScrMetaDiv" class="visible-lg"><!-- Visible on giant screens --></div> App script: app.run(function ($rootScope) { $rootScope.Views = { Phone : 1, //0001 Tablet : 2, //0010 Desktop : 4, //0100 GiantScr: 8, //1000 }; if($("#giantScrMetaDiv").is(":visible"))

I'm creating a my-validate directive that looks something like this <input my-validate="customValidation" ng-model="model" /> What I want to do is to attach a sybling element to the directive like this Error template: <ul class"errors"> <li ng-repeat="for error in errors">{{error}} not valid</li> </ul> errors is defined in the scope of the directive. I've added the error template in the compile function, but the problem I have is that the scope in the link function is not the same as the attached template. Here is a plunker to illustrate the issue: http://plnkr.co/edit/ghdtdYruQaaO0Yxxlrt1?p