The way to do this is to check for the existence of the attributes within the link function’s attrs parameter, and assign this to variables within your directive’s isolate scope. scope:{}, link: function(scope, element, attrs){ scope.status=”status” in attrs; }, This should work without having to use an if statement within your link function.
That’s because HTML attributes are always strings, so in your example ngDisabled is evaluating a string in both cases (“true” or “false”). To remedy, you should compare the model against the string value in ngDisabled: ng-disabled=”new_account == ‘false'” … or use a checkbox, to get the actual boolean value: <input type=”checkbox” ng-model=”existing_account” name=”register” id=”checkbox_new_account” /> … Read more
Starting Angular 1.5, it’s now possible to create multiple slots. Instead of transclude:true, you provide an object with the mappings of each slot: https://docs.angularjs.org/api/ng/directive/ngTransclude angular.module(‘multiSlotTranscludeExample’, []) .directive(‘pane’, function(){ return { restrict: ‘E’, transclude: { ‘title’: ‘?pane-title’, ‘body’: ‘pane-body’, ‘footer’: ‘?pane-footer’ }, template: ‘<div style=”border: 1px solid black;”>’ + ‘<div class=”title” ng-transclude=”title”>Fallback Title</div>’ + ‘<div ng-transclude=”body”></div>’ … Read more
You need to create custom directives in order to curb the performance issues with angular. Unlike ember angular comes with all the bells and whistles turned on and it’s up to you to tone it down. Here are a few directives I’ve created to help you out. Not all data in your app needs to … Read more
Create individual list-item controllers: demo on Plnkr js angular .module(‘testApp’, []) .controller(‘testCtrl’, function ($scope) { $scope.fooCollection = []; }) .controller(‘fooCtrl’, function ($scope) { $scope.$watch(‘foo.bar’, function (newValue, oldValue) { console.log(‘watch fired, new value: ‘ + newValue); }); }); HTML <html ng-app=”testApp”> <body ng-controller=”testCtrl”> <div ng-repeat=”(fooKey, foo) in fooCollection” ng-controller=”fooCtrl”> Tell me your name: <input ng-model=”foo.bar” ng-change=”doSomething()”> … Read more
Can anyone explain to me why are the inputs uneditable/readonly? If it’s by design, what’s the rationale behind? It is by design, as of Angular 1.0.3. Artem has a very good explanation of how 1.0.3+ works when you “bind to each ng-repeat item directly” – i.e., <div ng-repeat=”num in myNumbers”> <input type=”text” ng-model=”num”> When your … Read more
After researching, I came to the following realization: Controller-As approach is NOT a substitute for using $scope. Both have their place, and can/should be used together judiciously. $scope does exactly what the name implies: i.e. it defines ViewModel properties on the $scope. This works best for sharing scope with nested controllers that can use the … Read more
Without seeing the markup, I guess the scope of MenuSideController is a child scope to the scope you are selecting. While it is possible to traverse down the tree like this (assuming the scope we want is the first child): var appElement = document.querySelector(‘[ng-app=theApp]’); var appScope = angular.element(appElement).scope(); var controllerScope = appScope.$$childHead; console.log(controllerScope.user); It is … Read more
The best approach for you to communicate between the two controllers is to use events. Scope Documentation In this check out $on, $broadcast and $emit. In general use case the usage of angular.element(catapp).scope() was designed for use outside the angular controllers, like within jquery events. Ideally in your usage you would write an event in … Read more
You could just use the bound ng-model (answers[item.questID]) value itself in your ng-change method to detect if it has been checked or not. Example:- <input type=”checkbox” ng-model=”answers[item.questID]” ng-change=”stateChanged(item.questID)” /> <!– Pass the specific id –> and $scope.stateChanged = function (qId) { if($scope.answers[qId]){ //If it is checked alert(‘test’); } }