angularjs-scope

问题 I am trying to use angular-http-auth library with bootstrap modal window. Modals are working fine but I have problems with directives. Here is a jsfiddle link - http://jsfiddle.net/jCUSh/85/ . I am trying to add a directive that will be invoked and that adds listeners. I have simplified the example in jsfiddle, so you won't see http-auth imports. However scope.on('') elements are still left (they don't break the picture anyway). My question is - why isn't the linking function called? I added

问题 I am trying to use angular-http-auth library with bootstrap modal window. Modals are working fine but I have problems with directives. Here is a jsfiddle link - http://jsfiddle.net/jCUSh/85/ . I am trying to add a directive that will be invoked and that adds listeners. I have simplified the example in jsfiddle, so you won't see http-auth imports. However scope.on('') elements are still left (they don't break the picture anyway). My question is - why isn't the linking function called? I added

问题 I have a model for my view. That model is array of objects: var arr = { "12345qwery": { prop1: "value", prop2: "value" } } // contains 500 items And today I am filtering it in the following way: arr = $filter('filter')(arr, filterTerm); // contains 4 items And after this line I get nice filtered data but if I run this filter again I don't have 500 items in it but 4. So to avoid this I store original array in temporary object and when user change filter I first update arr with backup data (it

问题 I have a model for my view. That model is array of objects: var arr = { "12345qwery": { prop1: "value", prop2: "value" } } // contains 500 items And today I am filtering it in the following way: arr = $filter('filter')(arr, filterTerm); // contains 4 items And after this line I get nice filtered data but if I run this filter again I don't have 500 items in it but 4. So to avoid this I store original array in temporary object and when user change filter I first update arr with backup data (it

问题 I have the following use case - I provide a dialog service where I put a different content depending on the context. In the service method i manually compile a dom element and use it to display dialog using jquery ui. The code is the following: var _view = jQuery('<div id="config-dialog"><span ng-include="\'' + $scope.configView + '\'" ng-controller="' + $scope.configController + '"></span></div>'); var _compiled = $compile(_view.contents())($scope); And then I fire a scope event that should

问题 I have a form with a name field and two validations - required and max-length. When I enter correct value, the form in controller is showing valid and returning true. But on entering wrong data, $valid is not throwing false and simply says - Cannot read property '$valid' of undefined Why is the form getting undefined in this case? Jsfiddle here Thanks in advance 回答1: Add ng-submit attribute to the form: <form name="myForm" ng-submit="SaveAndNext()" novalidate> Change controller to: function

问题 I have an AngularJS 1.4* application running locally (yet). This app is served by an Laravel 5.1 backend RESTFul API. I have to make this app that represents a package trip. A package is composed by days, ranging from 0 to N days. Each day have a list of services, ranging from 0 to N services. And a hotel. My web server, from which my laravel application consumes from, delivers me a pre-setted package, containing a list of days: each one with a list of services and a hotel data (unused so far

问题 In my rootscope I have a visible property which controls the visibility of a div app.run(function ($rootScope) { $rootScope.visible = false; }); Example HTML: <section ng-controller='oneCtrl'> <button ng-click='toggle()'>toggle</button> <div ng-show='visible'> <button ng-click='toggle()'>×</button> </div> </section> Controller: var oneCtrl = function($scope){ $scope.toggle = function () { $scope.visible = !$scope.visible; }; } The above section works fine, the element is shown or hide without

问题 Here is a simplified plunk to illustrate the problem I got an angular directive that compiles some html code before visualizing it. In the html, there is an hiden input that becomes visible only if scope.isEditShown is true : <input ng-show='isEditShown' type='text' value='{{content.name}}' class='title_edit'/> The input appears when the scope.titleChange function is invoked. This function (bound to an ng-dblclick directive) just sets true to scope.isEditShown and tries to invoke jQuery's

问题 I am learning Angular. I am watching a 2 years old video, and I am trying to use route concept and using in view1.CShtml (Remember, its CShtml and not html, while in the video, he uses html). I also find it wierd that Views path starts as ~Views/View1.cshtml (Fair enough I have it in Views folder) on contrary to Partial/View1 where the video demonstrator has. Now, I do not understand what is this "~" for when I have similar directory structure like demonstrator. Also, sadly, the view1 is not