For Development you can also deactivate the browser cache – In Chrome Dev Tools on the bottom right click on the gear and tick the option Disable cache (while DevTools is open) Update: In Firefox there is the same option in Debugger -> Settings -> Advanced Section (checked for Version 33) Update 2: Although this … Read more
The ng-if directive, like other directives creates a child scope. See the script below (or this jsfiddle) <script src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js”></script> <script> function main($scope) { $scope.testa = false; $scope.testb = false; $scope.testc = false; $scope.obj = {test: false}; } </script> <div ng-app > <div ng-controller=”main”> Test A: {{testa}}<br /> Test B: {{testb}}<br /> Test C: {{testc}}<br /> … Read more
You have a lot of pointless jQuery in there, but the $compile service is actually super simple in this case: .directive( ‘test’, function ( $compile ) { return { restrict: ‘E’, scope: { text: ‘@’ }, template: ‘<p ng-click=”add()”>{{text}}</p>’, controller: function ( $scope, $element ) { $scope.add = function () { var el = $compile( … Read more
I believe this is an issue with the target origin being https. I suspect it is because your iFrame url is using http instead of https. Try changing the url of the file you are trying to embed to be https. For instance: ‘//www.youtube.com/embed/’ + id + ‘?showinfo=0&enablejsapi=1&origin=http://localhost:9000’; to be: ‘https://www.youtube.com/embed/’ + id + ‘?showinfo=0&enablejsapi=1&origin=http://localhost:9000’;
The ngRoute module is no longer part of the core angular.js file. If you are continuing to use $routeProvider then you will now need to include angular-route.js in your HTML: <script src=”https://stackoverflow.com/questions/18481863/angular.js”> <script src=”angular-route.js”> API Reference You also have to add ngRoute as a dependency for your application: var app = angular.module(‘MyApp’, [‘ngRoute’, …]); If … Read more
Yes, you are correct. If you are using a jQuery plugin, do not put the code in the controller. Instead create a directive and put the code that you would normally have inside the link function of the directive. There are a couple of points in the documentation that you could take a look at. … Read more
I suspect looking at the excerpt that the function trustSrc from trustSrc(currentProject.url) is not defined in the controller. You need to inject the $sce service in the controller and trustAsResourceUrl the url there. In the controller: function AppCtrl($scope, $sce) { // … $scope.setProject = function (id) { $scope.currentProject = $scope.projects[id]; $scope.currentProjectUrl = $sce.trustAsResourceUrl($scope.currentProject.url); } } … Read more
Variables set at the root-scope are available to the controller scope via prototypical inheritance. Here is a modified version of @Nitish’s demo that shows the relationship a bit clearer: http://jsfiddle.net/TmPk5/6/ Notice that the rootScope’s variable is set when the module initializes, and then each of the inherited scope’s get their own copy which can be … Read more
Service vs Factory The difference between factory and service is just like the difference between a function and an object Factory Provider Gives us the function’s return value ie. You just create an object, add properties to it, then return that same object.When you pass this service into your controller, those properties on the object … Read more
My example code was correct and the issue was something else in my actual code. Still, I know it was difficult to find examples of this so I’m answering it in case someone else is looking. <div ng-repeat=”f in foos”> <div> <div ng-repeat=”b in foos.bars”> <a ng-click=”addSomething($parent.$index)”>Add Something</a> </div> </div> </div>