angularjs-scope

问题 Bootstrap multiselect is not working when i bind the data from response in Angularjs angular.module('ngvalueSelect', []) .controller('ExampleController', ['$scope','$http', function($scope,$http) { $http.get('https://reqres.in/api/unknown') .then(function (result) { console.log(result.data); $scope.exampleData = result.data; $scope.data = result.data; }) $scope.data = { availableOptions: [ {value: '001', name: 'Hello'}, {value: '002', name: 'integer'}, ] }; console.log( $scope.data ); }]);

问题 I'm trying to take a component approach to my Angular code by writing component style directives, but I have run into a problem. Below is my html template for the page. Note that I'm using the AngularStrap tabs directive. The problem I'm having is that the woSamplesSummary.materialsCount is undefined right under the work-order directive (outside of the tab pane scope), but it displays correctly in the tab pane directive as part of the tab title (within the tab pane scope). So the basic issue

问题 I am trying to make example of grid view .I am dynamically generate the table view or grid view .I need column take equal % of width .Example if I have two column they will take 50% with individual .If there is three column then they will take 33.33% individual Please check image of grid what I am trying to make ![enter image description here][1] Here is my code http://plnkr.co/edit/X0PQov1UA2yEbx8qaOFl?p=preview <div class="row"> <div ng-repeat="d in data | filter:{checked: true}"> <div

问题 I have two arrays in my application I would like to observe changes: $scope.a = [{id: 1, text: 'test a - 1'}, ...]; $scope.b = [{id: 1, text: 'test b - 1'}, ...]; function changed(){ // notify application about changes in a or b } I have to call the changed() function when a or b have been changed. $scope.$watchCollection('a', changed); $scope.$watchCollection('b', changed); The changed() callback will be triggered twice if I have changes in a and b as well as on init step. I would like to

问题 Im trying to write a fairly complex ng-repeat that potentially uses filtering and parseing. What i am first doing is ng-repeat ing a table heading of 12 months from the current month. I am then displaying two rows - Searches with impact and Searches with NO impact What i am trying to do is loop through my JSON file that contains my search data, and counts how many Searches with Impact and Search with No Impact , have been carried out for that particular month based on the SearchedOn field.

问题 I have a directive with scope and a two-way '=' binding to a parent-scope value (yes, inside an object to avoid inheritance problems.) The directive's template in turn contains an ng-switch, which of course creates another scope. Inside the ng-switch I want to have a textarea bound to the original value. It gets initialized correctly, but when the user edits the value, the parent scope value doesn't change. var myApp = angular.module('myApp', []); myApp.directive('csContenteditable', function

问题 It breaks when moving from (Plnkr): .state('home', {url: '/home', template: '<pre>{{parentProp}}</pre>', controller: function ($scope) {$scope.parentProp = ['home'];}}) To (Plnkr): .state('home', {url: '/home', views: {'': {template: '<pre>{{parentProp}}</pre>'}}, controller: function ($scope) {$scope.parentProp = ['home'];}})` Specifically I have a 'sidebar' state I want to add as a secondary state to 'home' . 回答1: The view needs its own controller: .state('home', {url: '/home', views: {'':

问题 I am creating a directive, in which i want to compare the value stored in a model (say "name" as model and it is having value "Angular") to be stored in a variable. I tried something like below, var nameValue=name; but it(nameValue) is not having the value "Angular" Example: app.directive('kmRadio', function() { return{ restrict:'E', compile: function(element,attrs) { var model=ngModelName; console.info(attrs.kmModel); console.info("{{'+attrs.kmModel+'}}"); if(attrs.kmTitle==model) {

问题 I'm trying to $watch the $error or the $valid value of a control. This is the control: <form id="myForm" name="myForm"> <input name="myInput" ng-model="myInputMdl" business-validation/> </form> business-validation is a custom directive that alters the validity of the control. I've attempted the following approaches (using either $valid or $error ) based on what I've read at AngularJS directive watch validity: This does not work since $valid does not exist on myForm.myInput . $scope.$watch(

问题 So, I have two directives, one that has a template file, which contains another directive of the same type. The first directive looks like: .directive('billInfo', function () { return { // scope: true, scope: { obj: '=' }, restrict: 'E', templateUrl: 'views/templates/bill-info.html', link: function (scope, element, attrs) { scope.status = scope.obj.getStatus(); scope.bill = scope.obj; } } }) And the template is pretty simple, something like; <h4> <span class="glyphicon glyphicon-cutlery"> {