Запитання з тегом «angularjs-scope»

У AngularJS область є об'єктом, який відноситься до прикладної моделі. Це контекст виконання для виразів.


6
Як я можу використовувати $ range. $ Watch і $ range. $ Застосувати в AngularJS?
Я не розумію, як користуватися $scope.$watchта $scope.$apply. Офіційна документація не корисна. Чого я конкретно не розумію: Вони підключені до DOM? Як я можу оновити зміни DOM до моделі? Яка точка зв’язку між ними? Я спробував цей підручник , але це сприймає розуміння $watchі $applyяк належне. Що робити $applyі $watchробити, і …

18
Яка різниця між "@" та "=" в області застосування директиви в AngularJS?
Я уважно прочитав документацію AngularJS по цій темі, а потім познайомився з директивою. Ось загадка . Ось кілька відповідних фрагментів: З HTML : <pane bi-title="title" title="{{title}}">{{text}}</pane> З директиви про панель: scope: { biTitle: '=', title: '@', bar: '=' }, Є кілька речей, які я не отримую: Чому я маю користуватися …

7
'це' проти $ області в контролерах AngularJS
У розділі «Створити компоненти» на головній сторінці AngularJS є такий приклад: controller: function($scope, $element) { var panes = $scope.panes = []; $scope.select = function(pane) { angular.forEach(panes, function(pane) { pane.selected = false; }); pane.selected = true; } this.addPane = function(pane) { if (panes.length == 0) $scope.select(pane); panes.push(pane); } } Зауважте, як …

28
AngularJS: Запобігати дайджесту помилок $, який вже працює під час виклику $ range. $ Apply ()
Я знаходжу, що мені потрібно вручну оновлювати свою сторінку в моєму обсязі після створення програми в кутовому режимі. Єдиний спосіб, з якого я це знаю, - це викликати $apply()сферу моїх контролерів та директив. Проблема в цьому полягає в тому, що він продовжує викидати помилку на консоль, яка говорить: Помилка: дайджест …

9
AngularJS доступ батьківської області доступу від дочірнього контролера
Я налаштував свої контролери за допомогою data-ng-controller="xyzController as vm" У мене є сценарій з вкладеними контролерами батьків / дітей. У мене немає проблем із доступом до батьківських властивостей у вкладеному html за допомогою $parent.vm.property, але я не можу зрозуміти, як отримати доступ до батьківського властивості з мого дочірнього контролера. Я …

6
$ rootScope. $ трансляція порівняно з $ range. $ emit
Тепер, коли різниця в продуктивності між $broadcastі$emit була усунена, немає ніяких підстав вважати за краще , $scope.$emitщоб $rootScope.$broadcast? Вони різні, так. $emit обмежується ієрархією обсягу (вгору) - це може бути добре, якщо воно відповідає вашому дизайну, але мені це здається досить довільним обмеженням. $rootScope.$broadcast працює в усьому цьому вирішив послухати …

8
$ спостерігати об’єкт
Я хочу спостерігати за змінами в словнику, але чомусь зворотний дзвінок годинника не викликається. Ось контролер, який я використовую: function MyController($scope) { $scope.form = { name: 'my name', surname: 'surname' } $scope.$watch('form', function(newVal, oldVal){ console.log('changed'); }); } Ось скрипка . Я очікую, що зворотний виклик $ watch буде видалено щоразу, …


5
Коли пишуть директиву в AngularJS, як я вирішую, чи не потрібно мені нової сфери дії, нової області дитини чи нової окремої області?
Я шукаю деякі вказівки, які можна використовувати, щоб допомогти визначити, який тип сфери застосування використовувати при написанні нової директиви. В ідеалі, я хотів би щось схоже на блок-схему, яка розглядає мене через купу запитань і відображає правильну відповідь - немає нової нової сфери дії, нової сфери дії дитини чи нової …

8
Як використовувати $ rootScope у Angular для зберігання змінних?
Як я можу $rootScopeзберігати змінні в контролері, до якого я хочу пізніше отримати доступ до іншого контролера? Наприклад: angular.module('myApp').controller('myCtrl', function($scope) { var a = //something in the scope //put it in the root scope }); angular.module('myApp').controller('myCtrl2', function($scope) { var b = //get var a from root scope somehow //use var …

5
Як я ігнорую початкове навантаження під час перегляду змін моделі в AngularJS?
У мене є веб-сторінка, яка служить редактором для однієї сутності, яка є глибинним графіком у властивості $ range.fieldcontainer. Після отримання відповіді від мого API REST (через $ ресурс) я додаю годинник до «fieldcontainer». Я використовую цей годинник, щоб визначити, чи сторінка / сутність "брудна". Зараз я змушую відскокнути кнопку збереження, …

4
Втрата обсягу при використанні ng-include
У мене є цей модуль маршрутів: var mainModule = angular.module('lpConnect', []). config(['$routeProvider', function ($routeProvider) { $routeProvider. when('/home', {template:'views/home.html', controller:HomeCtrl}). when('/admin', {template:'views/admin.html', controller:AdminCtrl}). otherwise({redirectTo:'/connect'}); }]); Домашній HTML: <div ng-include src="views.partial1"></div> partial1 HTML: <form ng-submit="addLine()"> <input type="text" ng-model="lineText" size="30" placeholder="Type your message here"> </form> HomeCtrl: function HomeCtrl($scope, $location, $window, $http, Common) { …

5
Чи може кутова директива передавати аргументи функціям у виразах, визначених в атрибутах директиви?
У мене є директива форми, яка використовує вказаний callbackатрибут із ізоляційною областю: scope: { callback: '&' } Він знаходиться всередині, ng-repeatтак що вираз, який я передаю, включає idоб'єкт як аргумент функції зворотного виклику: <directive ng-repeat = "item in stuff" callback = "callback(item.id)"/> Коли я закінчив з директивою, вона дзвонить $scope.callback()із …

10
Angularjs: 'контролер як синтаксис' та $ watch
Як підписатися на зміну властивості при використанні controller asсинтаксису? controller('TestCtrl', function ($scope) { this.name = 'Max'; this.changeName = function () { this.name = new Date(); } // not working $scope.$watch("name",function(value){ console.log(value) }); }); <div ng-controller="TestCtrl as test"> <input type="text" ng-model="test.name" /> <a ng-click="test.changeName()" href="#">Change Name</a> </div>

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.