«angularjs-scope» 태그된 질문

AngularJS에서 범위는 애플리케이션 모델을 참조하는 객체입니다. 표현식의 실행 컨텍스트입니다.

6
사용자 지정 지시문의 범위 바인딩에서 기호 '@', '&', '='및 '>'사용 : AngularJS
AngularJS에서 사용자 지정 지시문을 구현할 때 이러한 기호 사용에 대해 많이 읽었지만 그 개념은 여전히 ​​명확하지 않습니다. 내 말은, 사용자 지정 지시문에서 범위 값 중 하나를 사용하면 무엇을 의미합니까? var mainApp = angular.module("mainApp", []); mainApp.directive('modalView',function(){ return{ restrict:'E', scope:'@' OR scope:'&' OR scope:'=' OR scope:'>' OR scope:true } }); 코드 스 …
11
외부 js 함수의 AngularJS 액세스 범위
외부 자바 스크립트 함수를 통해 컨트롤러의 내부 범위에 액세스하는 간단한 방법이 있는지 확인하려고합니다 (대상 컨트롤러와 완전히 관련이 없음) 나는 여기에 몇 가지 다른 질문을 보았습니다. angular.element("#scope").scope(); DOM 요소에서 범위를 검색하지만 현재 시도한 결과가 적절하지 않습니다. jsfiddle은 다음과 같습니다. http://jsfiddle.net/sXkjc/5/ 나는 현재 일반 JS에서 Angular 로의 전환을 겪고 있습니다. 이것을 달성하려는 …
1
AngularJS에서 양방향 필터링을 수행하는 방법은 무엇입니까?
AngularJS가 할 수있는 흥미로운 작업 중 하나는 특정 데이터 바인딩 표현식에 필터를 적용하는 것입니다. 이는 예를 들어 문화 별 통화 또는 모델 속성의 날짜 형식 지정을 적용하는 편리한 방법입니다. 스코프에 대해 계산 된 속성을 갖는 것도 좋습니다. 문제는 이러한 기능 중 어느 것도 양방향 데이터 바인딩 시나리오에서 작동하지 않는다는 것입니다. …
14
컨트롤러가 함수가 아니고 정의되지 않았으며 컨트롤러를 전역 적으로 정의하는 동안
angularjs를 사용하여 샘플 애플리케이션을 작성 중입니다. 크롬 브라우저에서 아래에 언급 된 오류가 발생했습니다. 오류는 오류 : [ng : areq] http://errors.angularjs.org/1.3.0-beta.17/ng/areq?p0=ContactController&p1=not%20a%20function%2C%20got%20undefined 다음과 같이 렌더링되는 인수 'ContactController'는 함수가 아니므로 정의되지 않았습니다. 암호 <!DOCTYPE html> <html ng-app> <head> <script src="../angular.min.js"></script> <script type="text/javascript"> function ContactController($scope) { $scope.contacts = ["abcd@gmail.com", "abcd@yahoo.co.in"]; $scope.add = function() { …
10
선택한 옵션이 변경되면 값 가져 오기
내 .html 페이지에 드롭 다운 목록이 있습니다. 쓰러지 다: <select ng-model="blisterPackTemplateSelected" data-ng-options="blisterPackTemplate as blisterPackTemplate.name for blisterPackTemplate in blisterPackTemplates"> <option value="">Select Account</option> </select> 사용자가 값을 선택할 때 작업을 실행하고 싶습니다. 그래서 내 컨트롤러에서 다음을 수행했습니다. 제어 장치: $scope.$watch('blisterPackTemplateSelected', function() { alert('changed'); console.log($scope.blisterPackTemplateSelected); }); 그러나 드롭 다운 목록에서 값을 변경해도 코드가 트리거되지 …
5
AngularJS에서 부모 범위 변수 업데이트
두 개의 컨트롤러가 있으며 하나는 다른 컨트롤러에 포함되어 있습니다. 이제 자식 범위가 부모 범위에서 속성을 상속한다는 것을 알고 있지만 부모 범위 변수를 업데이트하는 방법이 있습니까? 지금까지 분명한 해결책을 찾지 못했습니다. 내 상황에서는 양식 내에 달력 컨트롤러가 있습니다. 양식이 제출 될 때 시작 및 종료 날짜를 갖도록 상위 범위 (양식)에서 시작 …
4
AngularJS 서비스에 현재 범위 전달
$scopeAngularJS 서비스에 "현재"를 전달하는 것이 맞 습니까? 나는 $ service가 하나의 컨트롤러에서만 소비된다는 것을 알고 있고 $ service 메서드 자체에서 컨트롤러의 범위에 대한 참조를 갖고 싶습니다. 이것이 철학적으로 옳습니까? 아니면 이벤트를 $ rootScope에 브로드 캐스트 한 다음 컨트롤러가이를 수신하도록하는 것이 더 낫습니까?
5
AngularJS : 모델 요소가 모델 배열에서 연결될 때 ng-repeat 목록이 업데이트되지 않습니다.
두 개의 컨트롤러가 있으며 app.factory 함수로 데이터를 공유합니다. 첫 번째 컨트롤러는 링크를 클릭 할 때 모델 배열 (pluginsDisplayed)에 위젯을 추가합니다. 위젯이 배열로 푸시되고이 변경 사항이 뷰에 반영됩니다 (배열 내용을 표시하기 위해 ng-repeat 사용). <div ng-repeat="pluginD in pluginsDisplayed"> <div k2plugin pluginname="{{pluginD.name}}" pluginid="{{pluginD.id}}"></div> </div> 위젯은 k2plugin, remove 및 resize라는 세 가지 지시문을 …
9
개체가 비어 있는지 확인하고 ng-show에서는 작동하지만 컨트롤러에서는 작동하지 않습니까?
이렇게 선언 된 JS 개체가 있습니다. $scope.items = {}; 이 개체를 항목으로 채우는 $ http 요청도 있습니다. 이 항목이 비어 있는지 감지하고 싶습니다. ng-show가이를 지원하는 것 같습니다 ... 입력 ng-show="items" 그리고 마술처럼 작동합니다. 컨트롤러에서도 똑같이하고 싶지만 작동하지 않는 것 같습니다. 속성이 있는지 확인하기 위해 객체를 반복해야하거나 lodash 또는 밑줄을 사용해야 …
7
AngularJS의 다른 컨트롤러에 컨트롤러를 어떻게 삽입합니까?
저는 Angular를 처음 사용하고 작업 방법을 알아 내려고 노력하고 있습니다. AngularJS를 사용하여 다른 컨트롤러에서 사용할 컨트롤러를 어떻게 삽입 할 수 있습니까? 다음 스 니펫이 있습니다. var app = angular.module("testApp", ['']); app.controller('TestCtrl1', ['$scope', function ($scope) { $scope.myMethod = function () { console.log("TestCtrl1 - myMethod"); } }]); app.controller('TestCtrl2', ['$scope', 'TestCtrl1', function ($scope, …
2
AngularJS에서 ng-repeat 범위가있는 지시 격리 범위
격리 범위가있는 지시문이 있습니다 (다른 위치에서 지시문을 재사용 할 수 있도록).이 지시문을에서 사용할 때 ng-repeat작동하지 않습니다. 이 주제에 대한 모든 문서와 Stack Overflow 답변을 읽었으며 문제를 이해했습니다. 나는 모든 일반적인 문제를 피했다고 믿습니다. 따라서 ng-repeat지시문에 의해 생성 된 범위 때문에 내 코드가 실패한다는 것을 이해합니다 . 내 자신의 지시문은 격리 …
4
AngularJS에서 격리 된 범위없이 지시문에서 컨트롤러 함수 호출
격리 된 범위를 사용하지 않고 지시문 내에서 부모 범위의 함수를 호출하는 방법을 찾을 수없는 것 같습니다. 격리 된 범위를 사용하는 경우 격리 된 영역에서 "&"를 사용하여 부모 범위의 함수에 액세스 할 수 있지만 필요하지 않은 경우 격리 된 범위를 사용하면 결과가 발생한다는 것을 알고 있습니다. 다음 HTML을 고려하십시오. <button ng-hide="hideButton()" …
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.