«angularjs-directive» 태그된 질문

주제에 대한 AngularJS 설명서를주의 깊게 읽은 다음 지시문으로 둘러 보았습니다. 여기 바이올린이 있습니다. 다음은 관련 스 니펫입니다. 로부터 HTML : <pane bi-title="title" title="{{title}}">{{text}}</pane> pane 지시문에서 : scope: { biTitle: '=', title: '@', bar: '=' }, 내가 얻지 못한 몇 가지가 있습니다. 와 함께 사용해야 "{{title}}"하는 이유는 무엇 입니까?'@'"title"'=' 요소를 속성으로 …

1067 angularjs  angularjs-directive  angularjs-scope  isolated-scope 

AngularJS의 입력 필드에 초점을 맞추는 '각도'는 무엇입니까? 보다 구체적인 요구 사항 : 때 모달은 미리 정의에 설정 초점 열립니다<input> 이 모달 내부. <input>(예를 들어 일부 버튼을 클릭하여) 보일 때 마다 초점을 설정하십시오. 나는 첫 번째 요구 사항 달성하기 위해 노력 과를autofocus , 그러나 이것은 모달 처음 열리고 특정 브라우저 (파이어 …

759 angularjs  angularjs-directive 

지시문을 만들 때 컴파일러, 링크 함수 또는 컨트롤러에 코드를 넣을 수 있습니다. 문서에서 그들은 다음과 같이 설명합니다. 컴파일 및 링크 함수는 각주기의 다른 단계에서 사용됩니다 컨트롤러는 지시문간에 공유됩니다 그러나 나를 위해 어떤 종류의 코드가 어디로 가야할지 명확하지 않습니다. 예 : 컴파일에서 함수를 만들어 링크의 범위에 연결하거나 컨트롤러의 범위에 기능 만 …

529 angularjs  angularjs-directive 

나는 이해 ng-show및 ng-hide요소에 클래스 세트와 그 영향을 미치는 ng-if요소가 DOM의 일부로서 렌더링 여부를 제어합니다. 선택에이 가이드 라인 ng-if이상 ng-show/ ng-hide또는 그 반대는?

516 angularjs  angularjs-directive 

닫은. 이 질문은 스택 오버플로 지침을 충족하지 않습니다 . 현재 답변을받지 않습니다. 이 질문을 개선하고 싶습니까? 질문 업데이트 는 그래서 주제에 스택 오버플로합니다. 휴일 오년 전에 . Angular 지시문을 작성할 때 다음 함수 중 하나를 사용하여 지시문이 선언 된 요소의 DOM 동작, 내용 및 모양을 조작 할 수 있습니다. 엮다 …

451 angularjs  angularjs-directive 

아래 텍스트 상자에서 Enter 키 누르기 이벤트를 잡고 싶습니다. 더 명확하게하기 위해 a 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']); 리소스를 사용하여 테이블을 채우고 있으며 컨트롤러 코드는 다음과 같습니다. function Ajaxy($scope, $resource) { …

410 angularjs  angularjs-directive  angular-ui 

지시문 내에서 "부모"범위에 액세스하는 방법을 찾고 있습니다. 범위, transclude, require, 위의 변수 (또는 범위 자체) 전달 등의 모든 조합. 나는 완전히 뒤로 기꺼이 구부리고 싶지만 완전히 해킹하거나 유지할 수없는 것을 피하고 싶습니다. 예를 들어, $scopepreLink 매개 변수에서 가져 와서 $sibling개념 "부모"를 찾기 위해 범위를 반복 함으로써 지금 당장 할 수 …

327 angularjs  angularjs-directive 

부트 스트랩에 항목이있는 탐색 막대가있는 경우 Home | About | Contact 각 메뉴 항목이 활성 일 때 활성 클래스를 설정하려면 어떻게합니까? 즉, class="active"각도 경로가있을 때 어떻게 설정할 수 있습니까 #/ 집에 #/about 정보 페이지 #/contact 연락처 페이지

306 javascript  twitter-bootstrap  angularjs  angularjs-directive  navbar 

지시어가 있습니다. 코드는 다음과 같습니다. .directive('map', function() { return { restrict: 'E', replace: true, template: '<div></div>', link: function($scope, element, attrs) { var center = new google.maps.LatLng(50.1, 14.4); $scope.map_options = { zoom: 14, center: center, mapTypeId: google.maps.MapTypeId.ROADMAP }; // create map var map = new google.maps.Map(document.getElementById(attrs.id), $scope.map_options); var dirService= new google.maps.DirectionsService(); …

297 angularjs  angularjs-directive 

범위의 부울 변수를 기반으로 요소에 예를 들어 "contenteditable"을 추가 할 수 있어야합니다. 사용 예 : <h1 attrs="{'contenteditable=\"true\"': editMode}">{{content.title}}</h1> $scope.editMode로 설정된 경우 contenteditable = true가 요소에 추가 됩니다 true. 이 ng-class와 같은 속성 동작을 구현하는 쉬운 방법이 있습니까? 지침을 작성하고 공유하지 않을 경우 공유하는 것을 고려하고 있습니다. 편집 : 제안 된 …

296 angularjs  angularjs-directive 

다음과 같이 내 문제를 처리하고 있습니다. ng-style="{ width: getTheValue() }" 그러나 컨트롤러 측 에서이 기능을 사용하지 않으려면 다음과 같이하십시오. ng-style="{ width: myObject.value == 'ok' ? '100%' : '0%' }" 어떻게해야합니까?

267 angularjs  angularjs-directive 

ng-transclude에 대해 StackOverflow에서 많은 질문을 보았지만 평신도의 용어에 대해 설명하는 것은 없습니다. 설명서의 설명은 다음과 같습니다. transclusion을 사용하는 가장 가까운 상위 지시문의 포함 된 DOM에 대한 삽입 점을 표시하는 지시문입니다. 이것은 상당히 혼란 스럽다. ng-transclude의 용도와 사용 위치를 간단한 용어로 설명 할 수 있습니까?

266 angularjs  angularjs-directive  transclusion 

새 지시문을 작성할 때 사용할 범위 유형을 결정하는 데 사용할 수있는 몇 가지 지침을 찾고 있습니다. 이상적으로, 나는 많은 질문을 안내하고 새로운 새로운 범위, 새로운 자식 범위 또는 새로운 격리 범위가 아닌 올바른 대답을 보여주는 흐름도와 비슷한 것을 원하지만 너무 많이 요구하는 것 같습니다. 다음은 현재의 팰 트리 가이드 라인입니다 …

265 angularjs  angularjs-directive  angularjs-scope 

src변수에서 iframe 의 속성 을 설정하려고 하는데 작동하지 않습니다 ... 마크 업 : <div class="col-xs-12" ng-controller="AppCtrl"> <ul class=""> <li ng-repeat="project in projects"> <a ng-click="setProject(project.id)" href="">{{project.url}}</a> </li> </ul> <iframe ng-src="{{trustSrc(currentProject.url)}}"> Something wrong... </iframe> </div> controllers / app.js : function AppCtrl ($scope) { $scope.projects = { 1 : { "id" : 1, …

214 javascript  html  angularjs  iframe  angularjs-directive 

나는 내가하고있는 일의 매우 삶은 버전을 가지고있어 문제가 발생합니다. 나는 간단하다 directive. 요소를 클릭 할 때마다 다른 요소가 추가됩니다. 그러나 올바르게 렌더링하려면 먼저 컴파일해야합니다. 나의 연구는 나를 이끌었다 $compile. 그러나 모든 예제는 여기에 적용하는 방법을 모르는 복잡한 구조를 사용합니다. 바이올린은 여기에 있습니다 : http://jsfiddle.net/paulocoelho/fBjbP/1/ 그리고 JS는 여기 있습니다 : var …

212 angularjs  angularjs-directive  dynamically-generated