タグ付けされた質問 「angularjs-scope」

簡単な質問：スコープの値をhtmlに設定して、コントローラーで読み取るにはどうすればよいですか？ var app = angular.module('app', []); app.controller('MyController', function($scope) { console.log($scope.myVar); }); <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app='app'> <div ng-controller="MyController" app-myVar="test"> {{myVar}} </div> </div> コードスニペットを実行するHide resultsスニペットを展開 JSFiddle：http ://jsfiddle.net/ncapito/YdQcX/

94 angularjs  angularjs-scope 

$scope.$applyコードで使用する必要がある場合と、「ダイジェストがすでに進行中」のエラーがスローされる場合があります。だから私はこれを回避する方法を見つけ始め、この質問を見つけました：AngularJS：$ scope。$ apply（）を呼び出すときにすでに進行中のエラー$ digestを防ぎます。ただし、コメント（およびAngular Wiki）では、以下を読むことができます。 （！$ scope。$$ phase）$ scope。$ apply（）の場合は行わないでください。これは、$ scope。$ apply（）がコールスタックで十分に高くないことを意味します。 だから今私は2つの質問があります： なぜこれがアンチパターンなのですか？ $ scope。$ applyを安全に使用するにはどうすればよいですか？ 「ダイジェストはすでに進行中」エラーを防ぐための別の「解決策」は$ timeoutを使用しているようです： $timeout(function() { //... }); それは行く方法ですか？安全ですか？だからここに本当の質問があります：「すでに進行中のダイジェスト」エラーの可能性を完全に排除するにはどうすればよいですか？ PS：同期していない非Angularjsコールバックでのみ$ scope。$ applyを使用しています。（私が知る限り、変更を適用したい場合は$ scope。$ applyを使用する必要がある状況です）

92 angularjs  angularjs-scope 

私は定期的にサーバーからデータをフェッチするデモを行っています$interval。これを使用して、これを停止/キャンセルする必要があります。 どうすればこれを達成できますか？プロセスを再起動する必要がある場合、どうすればよいですか？ 次に、もう1つ質問があります。一定の時間間隔を置いて、サーバーからデータをフェッチしています。使用する必要があります$scope.applyか$scope.watch？ ここに私のプランカーがあります： app.controller('departureContrl',function($scope,test, $interval){ setData(); $interval(setData, 1000*30); function setData(){ $scope.loading=true; test.stationDashBoard(function(data){ console.log(data); $scope.data=data.data; $scope.loading=false; //alert(data); },function(error){ alert('error') }) ; } }); http://plnkr.co/edit/ly43m5?p=preview

91 javascript  angularjs  angularjs-scope 

これはメインテンプレートのコントローラーです。 app.controller('OverviewCtrl', ['$scope', '$location', '$routeParams', 'websiteService', 'helperService', function($scope, $location, $routeParams, websiteService, helperService) { ... $scope.editWebsite = function(id) { $location.path('/websites/edit/' + id); }; }]); これはディレクティブです： app.directive('wdaWebsitesOverview', function() { return { restrict: 'E', scope: { heading: '=', websites: '=', editWebsite: '&' }, templateUrl: 'views/websites-overview.html' } }); これは、ディレクティブがメインテンプレートに適用される方法です。 <wda-websites-overview heading="'All websites'" websites="websites" edit-website="editWebsite(id)"></wda-websites-overview> …

90 javascript  angularjs  angularjs-directive  angularjs-scope 

ng-clickカスタムangularjsディレクティブを使用して確認ダイアログを設定しようとしています： app.directive('ngConfirmClick', [ function(){ return { priority: 1, terminal: true, link: function (scope, element, attr) { var msg = attr.ngConfirmClick || "Are you sure?"; var clickAction = attr.ngClick; element.bind('click',function (event) { if ( window.confirm(msg) ) { scope.$eval(clickAction) } }); } }; }]) これはうまく機能しますが、残念ながら、私のディレクティブを使用したタグ内の式は評価されません。 <button ng-click="sayHi()" ng-confirm-click="Would you like to say …

85 javascript  angularjs  angularjs-directive  angularjs-scope 

Angular.factoryを使用してAlertFactoryを作成したいと思います。次のようなhtmlテンプレートを定義しました var template = "<h1>{{title}}</h1>"; タイトルはコントローラーを呼び出すことによって提供され、次のように適用されます var compiled = $compile(template)(scope); body.append(compiled); では、分離されたスコープをコントローラーからファクトリに渡すにはどうすればよいですか？私はコントローラーのフォローコードで使用しています AlertFactory.open($scope); ただし、$ scopeはグローバルコントローラースコープ変数です。タイトルプロパティだけでファクトリの小さなスコープを渡したいだけです。 ありがとうございました。

81 angularjs  angularjs-scope 

角度のあるUIモーダルのスコープを理解/使用するのに問題があります。 ここではすぐにはわかりませんが、モジュールとすべてが正しくセットアップされています（私が知る限り）が、特にこれらのコードサンプルはバグを見つけた場所です。 index.html（その重要な部分） <div class="btn-group"> <button class="btn dropdown-toggle btn-mini" data-toggle="dropdown"> Actions <span class="caret"></span> </button> <ul class="dropdown-menu pull-right text-left"> <li><a ng-click="addSimpleGroup()">Add Simple</a></li> <li><a ng-click="open()">Add Custom</a></li> <li class="divider"></li> <li><a ng-click="doBulkDelete()">Remove Selected</a></li> </ul> </div> Controller.js（ここでも重要な部分） MyApp.controller('AppListCtrl', function($scope, $modal){ $scope.name = 'New Name'; $scope.groupType = 'New Type'; $scope.open = function(){ var modalInstance = $modal.open({ …

80 javascript  angularjs  scope  modal-dialog  angularjs-scope