【AngularJS】ToDo List

AngularJS Javascript

今回も参考はドットインストール様 #01 ToDoを表示させよう | AngularJSで作るToDoアプリ - プログラミングならドットインストールまずは、 checkboxつけて終わったタスクにはチェックつけてグレーの線を引く//index.html <h1>Todo List</h1> <div ng-controller="mainCtrl"> <ul> <li ng-repeat="task in tasks"> <input type="checkbox" ng-model="task.done"> <span class="done-{{task.done}}">{{task.…</span></li></ul></div>

2016-02-04

【AngularJS】ng-bind

AngularJS Javascript

参考 ngBind | AngularJS 1.2 日本語リファレンス | js STUDIO 例えば入力フォームで入力されたテキストを動的に表示する場合 <input type="text" ng-model="name"> <p>こんにちは{{name}}</p> が一般的。そんで、ng-bindは何かと言うと ngBind属性は、Angularに指定したHTML要素のテキスト内容を与え…

2016-02-04

【AngularJS】　入門

Javascript AngularJS

全部ドットインストールの内容。 AngularJS入門 (全12回) - プログラミングならドットインストール AngularJSの特徴 <html lang="ja" ng-app> と書く。ngはAngularのng。そして、例えば <input type = "text" ng-model="name"> <p>こんにちは{{name}}<p> と書くと、動的にこんにちはのあとにnameが表示される。つまり、HTMLの要</p></p></html>…