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

私はそのように宣言されたJSオブジェクトを持っています $scope.items = {}; このオブジェクトをアイテムで満たす$ httpリクエストもあります。このアイテムが空かどうかを検出したいのですが、ng-showがこれをサポートしているようです...入力します ng-show="items" 魔法のように機能します。コントローラからも同じようにしたいのですが、機能させることができないようです。プロパティがあるかどうかを確認するためにオブジェクトを反復処理したり、lodashやアンダースコアを使用したりする必要があるようです。 。 代わりはありますか？ 私は試しました alert($scope.items == true); ただし、オブジェクトが作成され、が入力された場合は常にfalseを返す$httpため、そのようには機能しません。

99 angularjs  angularjs-scope 

任意の名前でフィルタリングできるように、引数をフィルター関数に渡すことは可能ですか？ 何かのようなもの $scope.weDontLike = function(item, name) { console.log(arguments); return item.name != name; };

99 javascript  angularjs  angular-filters 

ディレクティブからコントローラーにAngularJSスコープ変数を渡す最も簡単な方法は何ですか？私が見たすべての例は非常に複雑に見えますが、ディレクティブからコントローラーにアクセスして、スコープ変数の1つを設定する方法はありませんか？

99 angularjs  angularjs-directive  ng-controller 

Angularで<input>、フォームが検証されるのと同じ方法で分離された単一の検証を行うことは可能ですか？私はこのようなことを考えています： <div class="form-group"> <input name="myInput" type="text" class="form-control" ng-model="bindTo" ng-maxlength="5"> <span class="error" ng-show="myInput.$error.maxlength">Too long!</span> </div> 上記の例は機能しません。Aで囲む<form>と交換ng-showでng-show="myForm.myInput.$error.maxlength"役立ちます。 使用せずにこれを行うことは可能<form>ですか？

99 angularjs  validation 

loginService.islogged() 上記の関数は、「失敗」のような文字列を返します。しかし、それを実行しようとすると、関数でエラーが返されます TypeError: Cannot read property 'then' of undefined カーソルは直後connectedと直前を示します.then。 以下は完全な機能です： var connected=loginService.islogged(); alert(connected); connected.then(function(msg){ alert("connected value is "+connected); alert("msg.data value is "+msg.data); if(!msg.data.account_session || loginService.islogged()=="failed") $location.path('/login'); }); 更新 ここにislogged()機能があります islogged:function(){ var cUid=sessionService.get('uid'); alert("in loginServce, cuid is "+cUid); var $checkSessionServer=$http.post('data/check_session.php?cUid='+cUid); $checkSessionServer.then(function(){ alert("session check returned!"); console.log("checkSessionServer is "+$checkSessionServer); return $checkSessionServer; }); …

99 javascript  angularjs  promise 

はい、私はあなたが何を考えているか知っています-さらに別のCORSの質問ですが、今回は困惑しています。 まず、実際のエラーメッセージは次のとおりです。 XMLHttpRequestはhttp：//localhost/Foo.API/tokenをロードできません。リクエストの認証情報モードが「include」の場合、応答の「Access-Control-Allow-Origin」ヘッダーの値はワイルドカード「*」であってはなりません。起源'のhttp：// localhostを：5000 'がそのためのアクセスが許可されていません。XMLHttpRequestによって開始されたリクエストの認証情報モードは、withCredentials属性によって制御されます。 どういう意味かわかりません 資格情報モードのが「インクルード」か？ したがって、郵便配達員でリクエストを実行しても、そのようなエラーは発生しません。 しかし、angularjs Webアプリから同じリクエストにアクセスすると、このエラーに困惑します。これが私のangualrjsリクエスト/レスポンスです。ご覧のとおり、応答はですがOK 200、それでもCORSエラーが発生します。 フィドラーの要求と応答： 次の画像は、WebフロントエンドからAPIへのリクエストとレスポンスを示しています したがって、私がオンラインで読んだ他のすべての投稿に基づくと、私は正しいことをしているように見えます。そのため、エラーを理解できません。最後に、angualrjs（ログインファクトリ）内で使用するコードは次のとおりです。 APIでのCORS実装-参照目的： 使用した方法1： public static class WebApiConfig { public static void Register(HttpConfiguration config) { EnableCrossSiteRequests(config); } private static void EnableCrossSiteRequests(HttpConfiguration config) { var cors = new EnableCorsAttribute("*", "*", "*") { SupportsCredentials = true }; config.EnableCors(cors); } } …

99 javascript  c#  angularjs  cors  asp.net-web-api2 

私はこのフォームを持っています：http : //jsfiddle.net/dfJeN/ ご覧のとおり、入力の名前の値は静的に設定されています。 name="username" 、フォーム検証は正常に機能します（何かを追加し、入力からすべてのテキストを削除します。テキストが表示される必要があります） 次に、名前の値を動的に設定しようとします：http : //jsfiddle.net/jNWB8/ name="{input.name}" 次に、これを私の検証に適用します login.{{input.name}}.$error.required （このパターンはng-repeatで使用されます）が、私のフォーム検証が壊れています。それは私のブラウザーで正しく解釈されます（login.username。$ error.requiredを見た要素を調べた場合）。 何か案が ？ 編集：コンソールにスコープを記録した後、 {{input.name}} 式は補間されません。{{input.name}}属性としてのフォームですが、ユーザー名はありません。 更新：1.3.0-rc.3以降、name = "{{input.name}}"は正常に機能します。＃1404をご覧ください

98 angularjs 

次のように、Bootstrapのマークアップを使用しているフォームがあります。 <form class="form-horizontal"> <fieldset> <legend>Legend text</legend> <div class="control-group"> <label class="control-label" for="nameInput">Name</label> <div class="controls"> <input type="text" class="input-xlarge" id="nameInput"> <p class="help-block">Supporting help text</p> </div> </div> </fieldset> </form> そこには多くのボイラープレートコードがあり、それを新しいディレクティブ（form-input、次のように）に削減したいと思います。 <form-input label="Name" form-id="nameInput"></form-input> 生成する： <div class="control-group"> <label class="control-label" for="nameInput">Name</label> <div class="controls"> <input type="text" class="input-xlarge" id="nameInput"> </div> </div> シンプルなテンプレートを使用してこれだけの作業をしています。 angular.module('formComponents', []) .directive('formInput', function() { return …

98 javascript  angularjs 

スコープの特定の属性のステータスに応答するディレクティブがあり、テストでその属性を変更して正しく応答することを確認したい場合、その変更を行うための最良の方法はどれですか。 私はこれらの両方のパターンを見てきました： scope.$apply(function() { scope.myAttribute = true; }); そして scope.myAttribute = true; scope.$digest(); それらの違いは何ですか？どちらが優れていますか？

98 angularjs  angularjs-directive 

Stackoverflowでこの質問が表示されることを期待していましたが、表示されませんでした。どうやら私はこの問題を抱えているのは私だけで、非常に一般的だと思われます。 私が取り組んでいる基本的なプロジェクトがありますが、これまでに行ったすべてが正しいように見えても、ルートが機能していないようです。 私のindex.htmlファイルにこのhtmlの一部が含まれています。 <html> <head ng-app="myApp"> <title>New project</title> <script src="https://code.angularjs.org/1.6.0/angular.min.js"></script> <script src="https://code.angularjs.org/1.6.0/angular-route.min.js"></script> <script src="app.js"></script> </head> <body> <a href="#/add-quote">Add Quote</a> <div ng-view ></div> </body> </html> そしてこれが私のapp.jsです： var app = angular.module('myApp', ['ngRoute']); app.config(['$routeProvider', function ($routeProvider) { $routeProvider .when('/add-quote', { templateUrl: 'views/add_quote.html', controller: 'QuoteCtrl' }) .otherwise({ redirectTo: '/' }); }]); ページにアクセスしただけの場合、URLには次のようになります。 http：// localhost：8000 …

98 angularjs  angular-routing  ngroute  angularjs-ng-route  angularjs-1.6 

これは私のHTMLです。 <input id="selectedDueDate" type="text" ng-model="selectedDate" /> ボックスに入力すると、モデルは双方向バインディングメカニズムを介して更新されます。甘い。 しかし、JQueryを介してこれを行うと... $('#selectedDueDate').val(dateText); モデルは更新されません。どうして？

98 javascript  jquery  angularjs  data-binding  angular-ngmodel 

これは私がuiルーターを使用しようとしているのは初めてです。 これが私のapp.jsです angular.module('myApp', ['ionic']) .run(function($ionicPlatform) { $ionicPlatform.ready(function() { // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard // for form inputs) if(window.cordova && window.cordova.plugins.Keyboard) { cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); } if(window.StatusBar) { StatusBar.styleDefault(); } }); }) .config(function($stateProvider, $urlRouterProvider){ $urlRouterProvider.otherwise("/index.html"); $stateProvider.state('index', { url: '/' template: "index.html", …

98 angularjs  angular-ui-router 

マテリアルデザインでイオンを使用したい。カスタムCSSと角度材料でイオンディレクティブを使用するのに悩まされています イオン指令を使用すると、次のような多くの効率的な機能が得られることを読みました アプリデータは、他のビューに移動してページに戻った後でも、UIルーターで記憶されます イオンリストアイテムは、表示の高さまでのみレンダリングされ、下または上にスクロールしたときに再利用されます パフォーマンスが大幅に改善されました。 しかし、イオン指令を使用する場合、それらには材料設計がありません。 アンギュラマテリアルを使用する場合、これらのパフォーマンスの向上、およびモバイルアプリケーションに必要な追加機能はありません。 Angular-materialディレクティブは <md-list> <md-item ng-repeat="item in items"> Hello, {{item}}! </md-item> </md-list> イオン指令は <ion-list> <ion-item ng-repeat="item in items"> Hello, {{item}}! </ion-item> </ion-list> Ionicが角材料プロジェクトの開発に資金を提供しているように見えますが、なぜ角材料はイオンとの使用に互換性がないのですか？ イオンの性能向上と機能を失うことなく、角度材料コンポーネントをどのように使用できますか？ または イオンで材料設計を使用するためのより良いアイデアはありますか？

98 javascript  angularjs  ionic-framework  ionic2  material-design 

Django Rest FrameworkとAngularJsを使用してファイルをアップロードしています。私のビューファイルは次のようになります： class ProductList(APIView): authentication_classes = (authentication.TokenAuthentication,) def get(self,request): if request.user.is_authenticated(): userCompanyId = request.user.get_profile().companyId products = Product.objects.filter(company = userCompanyId) serializer = ProductSerializer(products,many=True) return Response(serializer.data) def post(self,request): serializer = ProductSerializer(data=request.DATA, files=request.FILES) if serializer.is_valid(): serializer.save() return Response(data=request.DATA) postメソッドの最後の行はすべてのデータを返すはずなので、いくつか質問があります。 何かがあるかどうかを確認する方法はrequest.FILES？ ファイルフィールドをシリアル化する方法 パーサーをどのように使用すればよいですか？

98 python  django  angularjs  django-rest-framework 

ブートストラップモーダルウィンドウを実装しようとしているため、このエラーが発生し続けます。その原因は何でしょうか？http://angular-ui.github.io/bootstrap/#/modalからすべてをここにコピー/貼り付けました。

97 javascript  angularjs  modal-dialog