«angularjs-directive» 태그된 질문

텍스트 입력이 있습니다. 입력이 포커스를 받으면 입력 내부의 텍스트를 선택하고 싶습니다. jQuery를 사용하면 다음과 같이 할 수 있습니다. <input type="text" value="test" /> $("input[type=text]").click(function() { $(this).select(); // would select "test" in this example }); Angular 방식을 찾으려고 노력했지만 내가 찾은 대부분의 예제는 변경 사항에 대한 모달 속성을 감시하는 지시문을 다루는 것입니다. …

121 angularjs  angularjs-directive 

자체 컨트롤러가있는 지시문이 있습니다. 아래 코드를 참조하십시오. var popdown = angular.module('xModules',[]); popdown.directive('popdown', function () { var PopdownController = function ($scope) { this.scope = $scope; } PopdownController.prototype = { show:function (message, type) { this.scope.message = message; this.scope.type = type; }, hide:function () { this.scope.message = ''; this.scope.type = ''; } } …

118 javascript  jquery  angularjs  angularjs-directive 

Angularjs를 사용하여 ajax 요청이 완료 될 때까지 로딩 화면 (간단한 스피너)을 표시해야합니다. 코드 조각으로 아이디어를 제안하십시오.

117 angularjs  angularjs-directive 

변경시 ng-repeat 목록을 필터링하는 입력이 있습니다. 반복은 많은 데이터를 포함하며 모든 것을 필터링하는 데 몇 초가 걸립니다. 필터링 프로세스를 시작하기 전에 0.5 초 지연되기를 원합니다. 이 지연을 생성하는 올바른 각도 방법은 무엇입니까? 입력 <input ng-model="xyz" ng-change="FilterByName()" /> 반복 <div ng-repeat"foo in bar"> <p>{{foo.bar}}</p> </div> 필터 기능 $scope.FilterByName = function () …

117 angularjs  angularjs-directive  angularjs-ng-repeat 

타사 지시문 (특히 Angular UI Bootstrap )을 약간 수정하고 싶습니다 . pane지시문 의 범위에 추가하고 싶습니다 . angular.module('ui.bootstrap.tabs', []) .controller('TabsController', ['$scope', '$element', function($scope, $element) { // various methods }]) .directive('tabs', function() { return { // etc... }; }) .directive('pane', ['$parse', function($parse) { return { require: '^tabs', restrict: 'EA', transclude: true, …

114 javascript  angularjs  angularjs-directive  angular-ui-bootstrap  bower 

더 가볍게 만들기 위해 Angular.js 앱에서 jquery를 제거하고 대신 Angular의 jqLite를 넣으려고합니다. 그러나 앱은 jqLite에서 지원하지 않는 find ( '# id') 및 find ( '. classname')를 많이 사용하고 '태그 이름'(문서에 따라) 만 사용합니다. 그것을 바꾸는 가장 좋은 접근 방식이 무엇이라고 생각하는지 궁금했습니다. 내가 생각한 한 가지 접근 방식은 사용자 정의 …

110 angularjs  angularjs-directive  jqlite 

속성에 연결되는 지시문을 만들고 싶습니다. 속성은 범위에서 호출해야하는 함수를 지정합니다. 그러나 링크 함수 내에서 결정되는 함수에 인수를 전달하고 싶습니다. <div my-method='theMethodToBeCalled'></div> 링크 함수에서 함수에 전달해야하는 인수를 전달하는 jQuery 이벤트에 바인딩합니다. app.directive("myMethod",function($parse) { restrict:'A', link:function(scope,element,attrs) { var expressionHandler = $parse(attrs.myMethod); $(element).on('theEvent',function( e, rowid ) { id = // some function called …

102 angularjs-directive 

두 개의 컨트롤러가 있으며 app.factory 함수로 데이터를 공유합니다. 첫 번째 컨트롤러는 링크를 클릭 할 때 모델 배열 (pluginsDisplayed)에 위젯을 추가합니다. 위젯이 배열로 푸시되고이 변경 사항이 뷰에 반영됩니다 (배열 내용을 표시하기 위해 ng-repeat 사용). <div ng-repeat="pluginD in pluginsDisplayed"> <div k2plugin pluginname="{{pluginD.name}}" pluginid="{{pluginD.id}}"></div> </div> 위젯은 k2plugin, remove 및 resize라는 세 가지 지시문을 …

100 angularjs  angularjs-directive  angularjs-scope  angularjs-ng-repeat 

지시문에서 컨트롤러로 AngularJS 범위 변수를 전달하는 가장 쉬운 방법은 무엇입니까? 내가 본 모든 예제가 너무 복잡해 보이지만 지시문에서 컨트롤러에 액세스하고 범위 변수 중 하나를 설정할 수있는 방법이 없습니까?

99 angularjs  angularjs-directive  ng-controller 

범위에있는 특정 속성의 상태에 응답하는 지시문이 있고 테스트에서 해당 속성을 변경하고 올바르게 응답하는지 확인하려는 경우 변경을 수행하는 가장 좋은 방법은 무엇입니까? 이 두 패턴을 모두 보았습니다. scope.$apply(function() { scope.myAttribute = true; }); 과 scope.myAttribute = true; scope.$digest(); 그들 사이의 차이점은 무엇이며 어떤 것이 더 낫고 그 이유는 무엇입니까?

98 angularjs  angularjs-directive 

플 런커 링크 html을 바인딩하고 싶은 요소가 있습니다. <div ng-bind-html="details" upper></div> 작동합니다. 이제 그와 함께 바인딩 된 html에 바인딩 된 지시문도 있습니다. $scope.details = 'Success! <a href="#/details/12" upper>details</a>' 그러나 upperdiv 및 anchor가 있는 지시문 은 평가되지 않습니다. 어떻게 작동합니까?

96 angularjs  angularjs-directive 

격리 범위가있는 지시문이 있습니다 (다른 위치에서 지시문을 재사용 할 수 있도록).이 지시문을에서 사용할 때 ng-repeat작동하지 않습니다. 이 주제에 대한 모든 문서와 Stack Overflow 답변을 읽었으며 문제를 이해했습니다. 나는 모든 일반적인 문제를 피했다고 믿습니다. 따라서 ng-repeat지시문에 의해 생성 된 범위 때문에 내 코드가 실패한다는 것을 이해합니다 . 내 자신의 지시문은 격리 …

95 angularjs  angularjs-directive  angularjs-scope  angularjs-ng-repeat 

격리 된 범위를 사용하지 않고 지시문 내에서 부모 범위의 함수를 호출하는 방법을 찾을 수없는 것 같습니다. 격리 된 범위를 사용하는 경우 격리 된 영역에서 "&"를 사용하여 부모 범위의 함수에 액세스 할 수 있지만 필요하지 않은 경우 격리 된 범위를 사용하면 결과가 발생한다는 것을 알고 있습니다. 다음 HTML을 고려하십시오. <button ng-hide="hideButton()" …

95 angularjs  angularjs-directive  angularjs-scope 

내 AngularJS 템플릿에는 다음과 같은 사용자 지정 HTML 구문이 포함되어 있습니다. <su-label tooltip="{{field.su_documentation}}">{{field.su_name}}</su-label> 그것을 처리하는 지시문을 만들었습니다. .directive('suLabel', function() { return { restrict: 'E', replace: true, transclude: true, scope: { title: '@tooltip' }, template: '<label><a href="#" rel="tooltip" title="{{title}}" data-placement="right" ng-transclude></a></label>', link: function(scope, element, attrs) { if (attrs.tooltip) { element.addClass('tooltip-title'); } …

95 angularjs  angularjs-directive 

언제 지시문을 사용하고 언제 nginclude를 사용하는 것이 더 적절한 지 잘 모르겠습니다. 이 예를 들어 보겠습니다. 부분적 password-and-confirm-input-fields.html으로 암호를 입력하고 확인하는 html이 있습니다. 나는 가입 페이지와 암호 변경 페이지에서 이것을 사용합니다. 이 두 페이지에는 각각 컨트롤러가 있고 부분 html에는 전용 컨트롤러가 없습니다. 지시문을 사용해야합니까 ngInclude?

93 angularjs  angularjs-directive  angularjs-ng-include