AngularJSのビュー
最も理解しやすいビューは、ユーザーがアプリケーションで見るものです。
HTML5コードは、ビューまたはユーザーインターフェイスと呼ばれる、ユーザーに表示されるようにブラウザーによってレンダリングされます。
<!DOCTYPE html> <html lang="en" ng-app="exampleviewApp"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Example View AngularJS</title> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script> </head> <body ng-controller="mainController"> <h2>Hello {{name}}</h2> <input type="text" ng-model="name" /> </body> <script> var exampleviewApp = angular.module('exampleviewApp', []); exampleviewApp.controller('mainController', function($scope) { $scope.name = 'Toanngo92'; }); </script> </html>ブラウザに印刷したときの結果
以下の例では、ブラウザにhelloという単語が表示され、HTMLコードに従ってテキストボックスがレンダリングされています。上のコード構造を見ると、本文内にディレクティブng-controller="mainController"があります。内部のコンテンツは、スクリプトレイヤーのmainControllerという名前のコントローラーからユーザーに返されるビューです。
プロジェクトのサイズに応じて、angularJSアプリケーションに1つ以上のビューが存在する可能性があります。通常は多くのビューがあり、各ビューはユーザーが対話するために表示される異なるインターフェイスになります。これは構築プラットフォームです。SPA（シングルページアプリケーション）を適用する必要があります。 。そのため、angularJSはSPAアプリケーションの構築に非常に役立ちます。
Bài viết liên quan:
Dịch vụ thiết kế Wesbite
