angularjs- все статьи тега ➜ страница 3
Может ли один контроллер AngularJS вызвать другой?
возможно ли, чтобы один контроллер использовал другой? например: этот HTML-документ просто печатает сообщение доставлено . <html xmlns:ng="http://angularjs.org/"> <head> <meta charset="utf-8" /> <title>Inter Controller Communication</title> </head> <body> <div ng:controller="MessageCtrl"> <p>{{message}}</p> </div> <!-- Angular Scripts --> <script src="http://code.angularjs.org/angular-0 ...
Сложная вложенность партиалов и шаблонов
мой вопрос включает в себя, как идти о решении сложных вложенности шаблоны (также называемый partials) в приложении AngularJS. лучший способ описать мою ситуацию - это изображение, которое я создал: как вы можете видеть, это может быть довольно сложное приложение с большим количеством вложенных моделей. приложение одностраничное, поэтому оно загружает .HTML-код это содержит элемент div в DOM с ...
в чем разница между ng-if и ng-show/ng-hide
Я пытаюсь понять разницу между ng-if и ng-show/ng-hide, но они выглядят для меня одинаково. есть ли разница, что я должен иметь в виду, выбирая использовать один или другой ? ...
AngularJS: почему ng-bind лучше, чем {{}} в angular?
Я был в одном из угловых презентаций и один из людей на встрече, упомянутой ng-bind лучше, чем {{}} привязка. одна из причин, ng-bind поместите переменную в список наблюдения, и только когда есть изменение модели, данные будут переданы для просмотра, с другой стороны,{{}} будет интерполировать выражение каждый раз (я думаю, что это угловой цикл) и нажимать значение, даже если значение изменилось или нет. также говорится, что, если вы есть не так много данных на экране, вы можете использовать ...
Каков правильный синтаксис ng-include?
Я пытаюсь включить HTML-фрагмент внутри ng-repeat, но я не могу включить в работу. Кажется, текущий синтаксис ng-include отличается от того, что было раньше: я вижу много примеров использования <div ng-include src="path/file.html"></div> а в официальные документы, он говорит, чтобы использовать <div ng-include="path/file.html"></div> а то на странице показано, как <div ng-include src="path/file.html"></div> Несмотря На Это, Я пробовал <div ng-incl ...
Как использовать событие нажатия клавиши в AngularJS?
Я хочу поймать событие нажатия клавиши enter в текстовом поле ниже. Чтобы сделать его более ясным, я использую ng-repeat для заполнения элемента tbody. Вот HTML: <td><input type="number" id="closeqty{{$index}}" class="pagination-right closefield" data-ng-model="closeqtymodel" data-ng-change="change($index)" required placeholder="{{item.closeMeasure}}" /></td> Это мой модуль: angular.module('components', ['ngResource']); Я использую ресурс для заполнения таблицы и мо ...
Добавление параметра в функцию ng-click внутри ng-repeat, похоже, не работает
у меня есть простой цикл с ng-repeat такой: <li ng-repeat='task in tasks'> <p> {{task.name}} <button ng-click="removeTask({{task.id}})">remove</button> </li> есть функция в контроллере $scope.removeTask(taskID). насколько я знаю, Angular сначала отобразит вид и заменит интерполированный {{task.id}} с номером, а затем, по щелчку события, будет оценивать ng-click строку. в этом случае ng-click получает полностью то, что ожидается, т. е.: ng-click="removeTask( ...
Как получить оцененные атрибуты внутри пользовательской директивы
Я пытаюсь получить оценка атрибут из моей пользовательской директивы, но я не могу найти правильный способ сделать это. Я создал этот jsFiddle подробнее. <div ng-controller="MyCtrl"> <input my-directive value="123"> <input my-directive value="{{1+1}}"> </div> myApp.directive('myDirective', function () { return function (scope, element, attr) { element.val("value = "+attr.value); } }); чего мне не хватает? ...
Как передать параметры с помощью ui-sref в ui-router контроллеру
мне нужно передать и получить два параметра в состояние, которое я хочу перейти к использованию ui-sref пользовательский интерфейс-маршрутизатор. что-то вроде использования ссылки ниже для перехода состояния в home С foo и bar параметры: <a ui-sref="home({foo: 'fooVal', bar: 'barVal'})">Go to home state with foo and bar parameters </a> прием foo и bar значения в контроллере: app.controller('SomeController', function($scope, $stateParam) { //.. var foo = $stateParam.foo; //ge ...
Обмен данными между контроллерами AngularJS
Я пытаюсь обмениваться данными между контроллерами. Use-case-это многоступенчатая форма, данные, введенные на одном входе, позже используются в нескольких местах отображения вне исходного контроллера. Код ниже, и в jsfiddle здесь. HTML <div ng-controller="FirstCtrl"> <input type="text" ng-model="FirstName"><!-- Input entered here --> <br>Input is : <strong>{{FirstName}}</strong><!-- Successfully updates here --> </div> <hr> <d ...
Глобальные переменные в AngularJS
У меня есть проблема, когда я инициализирую переменную на области в контроллере. Затем он изменяется в другом контроллере, когда пользователь входит в систему. Эта переменная используется для управления такими вещами, как панель навигации, и ограничивает доступ к частям сайта в зависимости от типа пользователя, поэтому важно, чтобы она сохраняла свое значение. Проблема с этим заключается в том, что контроллер, который инициализирует его, снова вызывается angular some how, а затем сбрасывает пере ...
Как условно применить стили CSS в AngularJS?
Q1. Предположим, я хочу изменить внешний вид каждого "элемента", который пользователь отмечает для удаления, прежде чем будет нажата основная кнопка "Удалить". (Эта непосредственная визуальная обратная связь должна устранить необходимость в пресловутом "вы уверены?" диалоговое окно.) Пользователь установит флажки, чтобы указать, какие элементы должны быть удалены. Если флажок снят, этот элемент должен вернуться к своему обычному виду. каков наилучший способ применить или удалить стиль CSS? Q ...
Как установить bootstrap navbar active class с Angular JS?
если у меня есть navbar в bootstrap с элементами Home | About | Contact Как установить активный класс для каждого пункта меню, когда они активные? То есть, как я могу установить class="active" когда угловой маршрут находится в #/ для дома #/about на странице #/contact на странице ...
Как перезагрузить или повторно отобразить всю страницу с помощью AngularJS
после рендеринга всей страницы на основе нескольких пользовательских контекстов и сделав несколько $http запросы, я хочу, чтобы пользователь мог переключать контексты и повторно отображать все снова (повторная отправка всех $http запросы и т. д.). Если я просто перенаправляю пользователя куда-то еще, все работает правильно: $scope.on_impersonate_success = function(response) { //$window.location.reload(); // This cancels any current request $location.path('/'); // This works as expected, if ...
Лучший способ представить сетку или таблицу в AngularJS с Bootstrap 3? [закрытый]
Я создаю приложение с AngularJS и Bootstrap 3. Я хочу показать таблицу / сетку с тысячами строк. Каков наилучший доступный контроль для AngularJS & Bootstrap с такими функциями, как сортировка, Поиск, разбиение на страницы и т. д. ...
Загрузка файлов с помощью AngularJS
вот моя HTML форма: <form name="myForm" ng-submit=""> <input ng-model='file' type="file"/> <input type="submit" value='Submit'/> </form> Я хочу загрузить изображение с локального компьютера и хочу прочитать содержимое загруженного файла. Все это я хочу сделать с помощью AngularJS. когда я пытаюсь напечатать значение $scope.file Он приходит как неопределенный. ...
Как добавить пользовательскую проверку в форму AngularJS?
у меня есть форма с полями ввода и настройки проверки, добавив required атрибуты и тому подобное. Но для некоторых полей мне нужно сделать дополнительную проверку. Как бы я "подключился" к проверке, что FormController контроля? пользовательская проверка может быть чем-то вроде "если эти 3 поля заполнены, то это поле является обязательным и должно быть отформатировано определенным образом". есть метод в FormController.$setValidity но это не похоже на публичный API, поэтому я скорее не использо ...
AngularJs: Как проверить наличие изменений в полях ввода файлов?
Я новичок в угловой. Я пытаюсь прочитать загруженный путь к файлу из поля HTML ' file 'всякий раз, когда в этом поле происходит "изменение". Если я использую 'onChange, после чего он работает, но когда я использую его угловым способом с использованием НГ-изменить это не получится. <script> var DemoModule = angular.module("Demo",[]); DemoModule .controller("form-cntlr",function($scope){ $scope.selectFile = function() { $("#file").click(); } $scope.fileNameChaged = ...
С удалением ng-bind-html-unsafe, как мне ввести HTML?
Я пытаюсь использовать $sanitize провайдера и ng-bind-htm-unsafe директива, позволяющая моему контроллеру вводить HTML в DIV. однако, я не могу заставить его работать. <div ng-bind-html-unsafe="{{preview_data.preview.embed.html}}"></div> я обнаружил, что это потому, что он был удален из AngularJS (спасибо). но без ng-bind-html-unsafe, Я получаю эту ошибку: http://errors.angularjs.org/undefined/$sce / небезопасно ...
$on и $broadcast в angular
у меня есть нижний колонтитул и codeScannerController с разными представлениями. angular.module('myApp').controller('footerController', ["$scope", function($scope) {}]); angular.module('myApp').controller('codeScannerController', ["$scope", function($scope) { console.log("start"); $scope.startScanner = function(){... когда я нажимаю на <li> в футере.html я должен получить это событие в codeScannerController. <li class="button" ng-click="startScanner()">3</li> Я думаю, чт ...