Angular ng-repeat with ng-form, accessing validation in controller
I am trying to generate an editable list using ng-repeat. I want to remind the user to update any edits before moving on, so I am using ng-form to create "nested" forms on the fly because the documentation says I can then use validation on these dynamically created inputs. While that seems to work within the HTML, I don't see how to access those dynamically created forms and related validation fie
AngularJSモダンプラクティス - Qiita
Help us understand the problem. What is going on with this article? こんにちは、@armorik83です。私のAngularJS歴は2年弱で、これまでAngularJSに関する記事はQiitaにたくさん書いてきました。例えば次のような記事です。 AngularJSアンチパターン集 2014.9 ここらでDirective Scopeの@=&をまとめておきたいと思う 2014.9 TypeScriptで書くAngularJSのMVC 2014.2 AngularJS Directiveの処理順を網羅してみた 2014.12 他にもニッチなものやイマイチだったものも含めてけっこうな数となってきました。また、こういった記事の縁で勉強会でも登壇させて頂きました。 モダンAngularJS 2014.12 GDG中国 TypeScr
フレームワーク対決！Angular VS React仮想パネルディスカッション
フレームワーク対決！Angular VS React仮想パネルディスカッション 吉川 徹 特集企画「アプリケーションアーキテクチャ最前線」では、さまざまな視点からアプリケーションアーキテクチャをエキスパートたちに語っていただきます。今回は、今話題のAngularJSなどのJavaScript MVCフレームワークの台頭と進化、そして新しいアーキテクチャであるFluxとそのフレームワークであるReactなどについて、既に先行して学んでいるエキスパートたちにその知見を聞いてみました。 今回はフレームワーク対決ということで、エキスパートたちがAngularとReactという陣営に分かれ、それぞれのフレームワークについて疑問点をぶつけたり、議論したりする仮想パネルディスカッションという形式でお伝えします。単なるパネルディスカッションとは違って、キーワードは「プロレス」です。まさかりの投げ合い、di
ユーザーさん。もうこのDOMエレメント既読済みですか？(angularで) - Qiita
ユーザーさん。もうこのDOMエレメント既読済みですか？(Angularで) メッセージアプリをangularjsを利用して作っているのですが、ユーザーがメッセージを既読したかどうかって、どうやって読み取ればいいのか探していて以下の結論に至りました。 サンプルはこちら↓↓↓ https://jsfiddle.net/h54sn6o7/1/ ※AngularJS 1.2.1 やりたいこと スクロールしたときに、DOMエレメントがWindow内に入ったどうかを検出して、既読済みのメッセージを{read: true}にしていく。 コード html <div ng-app="myApp"> <div ng-controller="MainCtrl as main"> <ul ng-repeat="message in main.messages"> <li msg content=message n
モダンAngularJS @ GDG中国2014.12.6
AngularJS is a JavaScript framework that allows developers to create dynamic web applications. It uses HTML as the template language and extends HTML attributes with directives. AngularJS applications are composed of modules, controllers, services and filters that allow creating single page applications with two-way data binding between models and views.Read less
AngularJS を古い IE に対応させるには - AngularJS Ninja Blog
AngularJS を IE 8 以前の Internet Explorer に対応させるには、AngularJS: Internet Explorer Compatibility のページに記載されている手順を実施する必要がある。 まず json2.js または json3.js。 index.html <!doctype html> <html xmlns:ng="http://angularjs.org"> <head> <!--[if lte IE 8]> <script src="/path/to/json2.js"></script> <![endif]--> </head> <body> ... </body> </html>
Protractor for AngularJS: writing end-to-end tests has never been so fun
Protractor for AngularJS Writing end-to-end tests has never been so fun @ramonvictor Table of contents Why is testing so important? Testing is about gaining confidence that your code does what you think it should do @juliemr Whats the idea behind E2E testing? How would the users see my application? Is my backend communicating with my frontend? Can I release this code? It does NOT replace Unit Test
AngularJS についての所感
AgularJS に対する気持ち 所感といいつつ、主に自分がつらさとして感じていることを書く。所感シリーズとしては jQueryについての所感 も併せて読みたい。 この学習曲線の中でいうと、たぶん今の自分は Very Cool! の頂点から降りている最中くらいだと思う。そして、マサカリをふりかぶった諸兄にひとつだけ言いたいのは、共感脳を養った方がモテるということだ。 チキンハート的弁解: 以下はAngularJSに関するつらさを述べることに専念するために、美点を挙げていないだけであってAngularJSを全方位的に貶めたり、何かと比べて明確にクソだというような意図はない。 画像は AngularJS: The Best Parts · Anand Mani Sankar からの引用。X軸にある www.bennadel.com は AngularJS 大好きさん。 辛1. $scope が
安全加密检测
已通过安全加密检测 如果没有自动跳转，请点击下方按钮前往 点击进入购彩中心360安全卫士提供技术支持 Copyright © 1998 -2020. All Rights Reserved.
How to handle anchor hash linking in AngularJS
Do any of you know how to nicely handle anchor hash linking in AngularJS? I have the following markup for a simple FAQ-page <a href="#faq-1">Question 1</a> <a href="#faq-2">Question 2</a> <a href="#faq-3">Question 3</a> <h3 id="faq-1">Question 1</h3> <h3 id="faq-2">Question 2</h3> <h3 id="fa1-3">Question 3</h3> When clicking on any of the above links AngularJS intercepts and routes me to a complet
AngularJSは今すぐ生まれ変わるか死ね - Write and Run
mizchi 氏のエントリを踏まえて。 Angularが嫌い - mizchi's blog 何をやるにもググって解決しなければならないぐらいには一貫性がない マジでこれ。設定が多すぎる。特に directive 定義。どうやら Web Components の流儀に沿うようになっていて、将来的には Web Components に乗っける、ということらしいが、そもそもの Web Components の仕様が汚いし、救いようがない。 参考: AngularJS: Developer Guide: Directive 制御構造と要素を分離してねぇせいで replace とかいうオプションが生えてるし、tranclude との組み合わせでより複雑なことになるし、isolated scope な directive は併用できないとか、ng-repeat で作られた scope の下に他の d
Angularが嫌い - mizchi's blog
僕は本当にAngularが嫌いで、もはや許せないレベルに達していて、今ではもう本当に使いたくない。 イカ理由。 APIがほんっっっっっとうに糞 趣味の問題といえばそうでもあるが僕は糞だと思う 実装が黒魔術 良識あるJSエンジニアなら Function.prototype.toString() しない 実際に一部のクロージャが破壊されてて挙動が直感に反する DirtyCheckの実装、表面的にもDirtyな挙動として現れるのでデータバインドとして何も嬉しくない Googleだから許される、みたいなコミュニティの驕りが本当に嫌 Angularの都合だけでChromeでObject.observeを前倒しするのやめろ Angularの内部モジュール同士が密結合 DI, module, factory, それぞれ大きなテーマなのに密結合 使いはじめるとAngularをやめることが困難 パフォーマン
How to force AngularJS resource resolution with ui-router
Photo by Joshua Sortino / Unsplash I'm a big fan of AngularUI Router and have used it extensively in several web applications we released with fabulous results. In this article I'll cover how we use ui-router and ngResource to resolve dependencies that are injected in a template controller. If you are new to ui-router, I highly recommend you check it out the official wiki at https://github.com/ang
AngularJS Internal
AngularJS uses a compile process to link directives and scopes. During compilation, it executes factory functions, template functions, compile functions, controllers, pre-link functions and post-link functions for each directive. This process recursively compiles child elements. The compiled output can then be linked with a scope during the linking phase to instantiate the directive.Read less
Angular js はまりどころ
3. 自己紹介 後藤歩（@balmychan） 株式会社オロ CakePHP, Rails, iOS, AndroidなどのWeb系、アプリ系の受託開発 家族向け写真共有サービスnicori の立ち上げ、開発 クラウド管理会計ZAC Enterprise の開発 4. 開発対象概要 開発対象 Zac Enterprise（管理会計システム） 開発体制 日本3~4名 海外（ベトナム）1名 ※将来的には、20~30名のエンジニアが開発する想定 技術構成 AngularJS + TypeScript + .NET 5. AngularJSの構成 モジュール ルーティング（ui.router）は使用せず、多言語対応のためのangular-translateと、directiveの共 通コンポーネント化、serviceのビジネスロジックの共通化、実装方式の共通化を図るために導 入 ディレクティブ 約
AngularJSアンチパターン集 - Qiita
（150522追記）本稿の続編としてAngularJSモダンプラクティスを掲載しました。本稿は2014年9月に執筆し、情報がかなり古くなっています。続編では、AngularJS 1.4やAngular 2に関する情報をまとめ、入門者への新鮮なチュートリアル、熟練者の移行手引として作成しました。どうぞご覧ください。 この記事は記録のため残します。 AngularJS歴1年の筆者による個人的なAngularJSアンチパターン集です。自分のための戒めとメモを兼ねています。個人差があると思いますので、参考程度に。 また、筆者はTypeScriptで書いています。 Components ComponentsのDI数が6以上になる 危険度★★★ angular.module('myApp') .service('FooService', [ '$q', '$resource', '$rootScope
staticな要素は$watchから外してdigest loopを高速化 - Qiita
ng-bind, ng-classなどにbindすると、scopeのwatchに登録され、digest loopが走る毎に変更があったか否かがチェックされる。 watchに紐づく要素が僅かであれば問題ないが、数百数千のオーダーになるとパフォーマンスが低下しラグが発生する。キー入力系のイベントのように、入力する度にdigest loopが走る場合、画面がフリーズした様な感覚になる。 bindonceはこの問題を解決するdirectiveで、最初のbind以降はwatch対象から外すことで無駄なチェックを省いてくれる Pasvaz/bindonce https://github.com/Pasvaz/bindonce 基本的には、ng-をbo-に置き換えるだけでOKで気軽に使える 絶対に変更しないであろう文言や画像パスなどはbo-*に置き換えていけばよい ng-repeatの時はbindonc
TypeScriptで書くAngularJS @ GDG神戸2014.8.23
The document discusses TypeScript and AngularJS concepts like classes, interfaces, dependency injection, and RESTful APIs. It provides examples of defining AngularJS controllers and services in TypeScript using classes, interfaces for type safety, and dependency injection. It also shows how to create a RESTful resource class in TypeScript to abstract HTTP requests.Read less
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How can I animate sorting a list with orderBy using ng-repeat with ng-animate?
What's the difference between $evalAsync and $timeout in AngularJS?