AngularJSã®å¼·åŠ›ãªãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã®è‚ã¨ãªã‚‹ï¼ スコープをç†è§£ã—ã¦ã€ç‹¬ç‰¹ãªé–‹ç™ºã‚¹ã‚¿ã‚¤ãƒ«ã‚’自分ã®ã‚‚ã®ã«ã—よã†
CodeZine編集部ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーをスターã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ブーストã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
生ã¾ã‚Œå¤‰ã‚ã‚‹AngularJS - ワザノム| wazanova
シングルページアプリå‘ã‘ã®å„フレームワークをGoogle Trendã§æ¯”較ã—ãŸã‚°ãƒ©ãƒ•ãŒLars Eidnesã®ãƒ–ãƒã‚°ã«æŽ²è¼‰ã•ã‚Œã¦ã¾ã™ãŒã€AngularJSã®ä¼¸ã³ãŒä»–を圧倒ã—ã¦ã„ã¾ã™ã€‚一方ã§ã€ã‚¢ãƒ¼ã‚テクãƒãƒ£ä¸Šã®èª²é¡Œã¯ã€ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã®å£°ã‚‚ã‚ã‚Šã€ã‹ã¤å½“事者ã§ã‚る開発ãƒãƒ¼ãƒ ã‚‚èªè˜ã—ã¦ã„ãŸã¨ã“ã‚。ãã—ã¦ã€ãã‚Œã«å¯¾ã™ã‚‹ç”ãˆã¨ã—ã¦ã¯ã€ãƒãƒ¼ã‚¸ãƒ§ãƒ³2.0ã§å¤§å¹…ã«æ›¸ãç›´ã™ã¨ã„ã†æµã‚Œã«ãªã£ã¦ã„ã¾ã™ã€‚ AngularJS 2.0ã«ã¤ã„ã¦ã¯ã€ã€Œé‡Žå¿ƒçš„ã ãŒé™ºã—ã„é“ã®ã‚Šã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã®è¨˜äº‹ãŒGuardianã«æŽ²è¼‰ã•ã‚Œã¦ã¾ã™ãŒã€ ES6ã®æŽ¡ç”¨ Web Componentsã¨ã®è¦ªå’Œæ€§ã®ã‚¢ãƒƒãƒ— （åŒæ–¹å‘ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã©ã†ã™ã‚‹ã‹ã¾ã 決ã¾ã£ã¦ãªã„ãŒï¼‰Reactã®è€ƒãˆæ–¹ã«è¿‘ã¥ã„ã¦ãã¦ã„ã‚‹ （1.3ã®ã‚µãƒãƒ¼ãƒˆã¯ã—ã°ã‚‰ã平行ã—ã¦ç¶šãã¨ç™ºè¡¨ã•ã‚ŒãŸãŒï¼‰æœ¬å½“ã«ã‚¹ãƒ ーズãªç§»è¡Œã‚’æä¾›ã§ãã‚‹ã®ã‹? ãŒãƒã‚¤ãƒ³ãƒˆã ã¨Seb Ceveyã¯ã¾ã¨ã‚ã¦ã„
AngularJSã§ã¯jQueryを使ã‚ãªã„ - The Round
注：å¤ã„記事ã®ç‚ºã€å†…容ãŒæœ€æ–°ã§ã¯ãªã„å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™m(＿ ＿)m AngularJSã§ã¯jQueryを使ã‚ãªã„ ã©ã†ã‚‚マツウラã§ã™ã€‚ AngularJSã§jQueryプラグインを使ã†æ–¹æ³•ã‚’調ã¹ã¾ã—ãŸã€‚ çµè«–ã‹ã‚‰æ›¸ãã¨ãªã‚‹ã¹ãdirectiveã§æ›¸ããªãŠã—ã¦ä¸‹ã•ã„ã€ã¨ã„ã†ã“ã¨ã§ã™ã€‚ プラグインをãã®ã¾ã¾ä½¿ã„ãŸã„æ°—æŒã¡ã¯ã‚ã‚Šã¾ã™ãŒã€ç†ç”±ãŒã‚ã‚‹ã‚“ã§ã™ã€‚ ã¾ãšã€AngularJSã§ä½¿ã†æ–¹æ³•ã‚’ã¿ã¦ã¿ã¾ã™ã€‚ プラグインãŒé©ç”¨ã•ã‚Œãªã„。 directiveã®link関数ã«æ›¸ã。 .directive('myDirective', function() { return { link: { post: function(scope, element, attr) { //... } } } }) å‹•çš„ã«ç”Ÿæˆã•ã‚ŒãŸDOMã«å¯¾ã—ã¦ãƒ—ラグインãŒé©ç”¨ã•ã‚Œãªã„。 $timeoutを使ã†ã€‚ $timeout(fun
AngularJS 1.2 日本語リファレンス | js STUDIO
AngularJS 1.2 API ガイド TIPS ngモジュール ディレクティブ フィルター サービス åž‹ ã‚°ãƒãƒ¼ãƒãƒ«API ngMockモジュール サービス ã‚°ãƒãƒ¼ãƒãƒ«API AUTOモジュール サービス ngAnimateモジュール サービス ngCookiesモジュール サービス ngMockE2Eモジュール サービス ngResourceモジュール サービス ngRouteモジュール サービス ディレクティブ ngSanitizeモジュール フィルター サービス ngTouchモジュール ディレクティブ サービス ã“ã®ã‚µã‚¤ãƒˆã«ã¤ã„㦠AngularJSã®æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã™ã€‚ AngularJSã®æœ¬å®¶ã‚µã‚¤ãƒˆ(英文) ã®å†…容を翻訳ã—ã¦ä½œæˆã—ã¦ã„ã¾ã™ãŒã€èª¤è¨³ã‚„誤記ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã®ã§ãã®ç‚¹ã«ã¤ã„ã¦ã¯ã”了承ãã ã•ã„。 ã‚‚ã—ã€èª¤è¨³ãªã©ã®é–“é•ã„を見ã¤ã‘ã¾ã—ãŸã‚‰ã€ @tomof ã¾ã§æ•™ãˆ
見ãŸç›®ã¯ Bootstrapãªã®ã«å‹•ã㯠AngularJSãªã‚µã‚¤ãƒˆã‚’作るã«ã¯ - ブãƒã‚° - ãƒ¯ãƒ«ãƒ–ãƒªãƒƒã‚¯ã‚¹æ ªå¼ä¼šç¤¾
レスãƒãƒ³ã‚·ãƒ–・デザインやモダンãªUIコントãƒãƒ¼ãƒ«ã‚’å–り入れ㟠Webサイトを構築ã™ã‚‹åŸºç¤Žã¨ã—ã¦å®šç•ªã«ãªã£ã¦ã„ã‚‹ Twitter Bootstrapã‚’ AngularJSã¨ä¸€ç·’ã«ä½¿ã†æ–¹æ³•ã‚’紹介ã™ã‚‹ã€‚ BootstrapãŒæä¾›ã™ã‚‹ã‚‚ã® ãã®1: ã‚ãŸã‚Šã•ã‚ã‚Šã®ãªã„見ãŸç›®ã¨ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªè¡¨ç¤ºã‚’æä¾›ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ Bootstrapã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯ã€æ¨ªæ–¹å‘12分割ã®ã‚°ãƒªãƒƒãƒ‰ã§ãƒšãƒ¼ã‚¸ã‚’レイアウトã—ã¤ã¤ç”»é¢ã®å¤§ãã•ã«ã‚ˆã£ã¦é…分をコントãƒãƒ¼ãƒ«ã§ãるマルãƒãƒ‡ãƒã‚¤ã‚¹å‘ã‘表示システムã¨ã€æ§‹æˆè¦ç´ ã®ä»Šé¢¨ãªè¦‹ãŸç›®ã‚’æä¾›ã™ã‚‹ã€‚デザイナ抜ãã§å‹•ã„ã¦ã„る開発ãƒãƒ¼ãƒ ã«ã¨ã£ã¦ã¯ã€Œã¨ã‚Šã‚ãˆãš Bootstrapベースã§ä½œã£ã¦ãŠã‘ã°ä»Šé¢¨ã®è¦‹ãŸç›®ã«ãªã‚‹ã€ãŸã‚極ã‚ã¦æœ‰é›£ã„å˜åœ¨ã€‚ <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/latest/cs
Slimã§AngularJSを扱ã£ã¦ã‚¨ãƒ©ãƒ¼ãŒå‡ºãŸã¨ãã®å¯¾å‡¦æ³• - 大å¦ç”Ÿã‹ã‚‰ã® Web 開発
AngularJSãŒè©±é¡Œã«ãªã£ã¦ã‚‹ã®ã§ã¡ã‚‡ã£ã¨è§¦ã£ã¦ã¿ã¾ã—ãŸã€‚ã§ã€ruby製ã®ãƒ†ãƒ³ãƒ—レートエンジン「Slimã€ã‚’使ã†ã¨ã€ã¡ã‚‡ã“ã£ã¨ã‚¨ãƒ©ãƒ¼ãŒå‡ºã‚‹ã®ã§å¯¾å‡¦æ³•ã‚’。 ng-app !DOCTYPE html html ng-app head ...... ã“ã‚Œã ã¨ã‚¨ãƒ©ãƒ¼ãŒå‡ºã¾ã™ã€‚slimã§ng-appã¨æŒ‡å®šã™ã‚‹ã¨ãã¯ng-app=''ã¨ã—ã¾ã—ょã†ã€‚ !DOCTYPE html html ng-app='' head ...... {{ }} データãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã®{{ }}。 ã“れも以下ã®ã‚ˆã†ã«ãã®ã¾ã¾æ›¸ã„ã¦ã‚‚エラーãŒå‡ºã¾ã™ã€‚実装ã•ã‚Œã¦ã‚‹ä½•ã‹ã—らã®{ }ã¨ã‹ã¶ã£ã¦ã‚‹ã‚“ã§ã™ã‹ã（？） input type="text" ng-model="name" {{name}} ã“ã‚Œã¯3ã¤ã®æ›¸ãæ–¹ã§å›žé¿ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã¾ãšã¯ input type="text" ng-model="name" p | {{
Recipes with Angular.js - Validating Forms Server-Side
Problem You wish to validate forms using a server-side REST API provided by Rails. Solution Rails already provides model validation support out of the box for us. Let us start with the Contact ActiveRecord model. class Contact < ActiveRecord::Base attr_accessible :age, :firstname, :lastname validates :age, :numericality => { :only_integer => true, :less_than_or_equal_to => 50 } end It defines a va
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Writing an angularJS poller
{{#tags}}- {{label}}
{{/tags}}