AngularJSで Youtube検索

AngularJSで Youtube検索

これは、検索すると
Youtube の動画の縮小画像とタイトルがでるというもの

必要な知識は
AngularJS

使うツールは
chrome
vim

AgularJS については
http://dotinstall.com/lessons/basic_angularjs
を参照

まずは
#02 必要なファイルを揃えよう
http://dotinstall.com/lessons/youtube_search_angularjs/21702
を見ながら
index.html
myscript.js
を作成していく

最初に、あとで復習しやすくするため
mkdir angulajs-youtube
でディレクトリを作成して
この中で作っていく

まず、index.html の作成

ちょっと違うのは
angularjs を使うときには

<html lang="ja" ng-app>

というように
angularjs を使ったアプリの場合
ng-app をつけるようにするということ

そして、AngularJSを使うため
jQuery のときのようにライブラリを読み込むので

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js"></script>

を追記する 

そして、後で処理を記述した myscript.js を読み込みたいので

<script src="myscript.js"></script>

としておく

body 部分には

        <div ng-controller="mainCtrl">

        </div>

を追記する

次に、myscript.js の作成

var mainCtrl = function($scope, $http){
}

とする
$http は youtube API アクセスに使う

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です