angular.js 中国語教材の共有

AngularJS は、フロントエンド開発の負担を軽減するために Google 開発者によって設計および開発されたフロントエンド開発フレームワークです。 AngularJS は、世界のフロントエンド フレームワークの中で第一位にランクされています。現在、中国には中国語の AngularJS ビデオ チュートリアルがほとんどないため、この「angular.js 中国語教育ビデオ チュートリアル」セットが誕生しました。

AngularJS は、アプリケーションを構築する際の HTML の欠点を克服するように設計されています。 HTML は、静的なテキスト表示用に設計された優れた宣言型言語ですが、WEB アプリケーションの構築には弱いです。そこで、ブラウザに希望どおりの動作をさせるために、いくつかの作業 (トリックと言ってよいでしょう) を実行しました。

通常、動的アプリケーションの構築における静的 Web ページ テクノロジの欠点を解決するために、次のテクノロジを使用します:

クラス ライブラリ - クラス ライブラリは、WEB アプリケーションの作成に役立つ関数のコレクションです。制御するのはコードであり、ライブラリをいつ使用するかを決定するのはあなたです。クラス ライブラリには、jQuery などが含まれます。

フレームワーク - フレームワークは、すでに実装されている特別な WEB アプリケーションです。これに特定のビジネス ロジックを入力するだけで済みます。ここでのフレームワークは主導的な役割を果たし、特定のアプリケーション ロジックに従ってコードを呼び出します。フレームワークには、ノックアウト、スプラウトコアなどが含まれます。

ビデオ再生アドレス: http://www.php.cn/course/644.html

このビデオを学習する際の難しさ:

1. 要素の表示と非表示の状態を制御する

呼び出し- ページ上 show、ng-hide、および ng-switch 命令は、$scope オブジェクトの属性値をバインドします。on が ng-switch- の複数または 1 つの要素と一致する場合、on はオプションです。命令時、これらの要素は、一致する ng-switch-default.またはコントロールのコンテンツが入力されました

$valid: フォームまたはコントロールのコンテンツが検証されているかどうか

$invalid: フォームまたはスペースのコンテンツが検証されていないかどうか

$error: フォームまたはコントロールが検証された場合のエラーメッセージ

<div ng-show = {{isShow}}> div </div>
<div ng-hide = {{isHide}}>hide</div>
<ul ng-switch on={{switch}}>
    <li ng-switch-when="1">taoguorong</li>
    <li ng-switch -default>more</li>
</ul>

3. フォーム内のチェックボックス コントロールと redio コントロール

ng-model を通じてコン​​トローラーのプロパティをバインドします。バインドが完了すると、バインドされた値がコントロールの初期化状態として使用されます。初めて。

<form name="temp_form" ng-submit="save()">
    <div>
        <input name="t_email" ng-model = "email" type="email" required/>
        <span ng-show="temp_form.t_email.$error.required>            邮件不能为空       </span>
       <span ng-show="temp_form.t_email.$error.email>           邮件格式不对       </span    </div>
     <input type = "button" ng-disabled="temp_form.$invalid" value="提交"/>
</form>

ng-true-value は、選択値の後に返されることを意味します。後者は、選択されていないときに返される値を表します。redio は、選択されている場合にのみ、選択された値を返します。

以上がangular.js 中国語教材の共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。