AngularJS 简介

AngularJS ni Kifungu cha JavaScript. Inaweza kuingizwa kwa kusoma <script> tag kwenye wavuti ya HTML.

AngularJS inaangazia kwainstructiInaendelea matumizi ya kipimo cha HTML, na inatumiaMabwanainaangazia data kwa HTML.

AngularJS ni kifungu cha JavaScript

AngularJS inaitwa JavaScript na faili ya JavaScript

AngularJS inatolewa kama faili ya JavaScript, na inaweza kuongezwa kwa kusoma script tag kwenye wavuti:

<script src="https://cdn.staticfile.net/angular.js/1.6.9/angular.min.js"></script>

AngularJS inaendelea HTML

AngularJS inatumia ng-instructiInaendelea HTML.

ng-app Instructi inadefini programu ya AngularJS.

ng-model Instructi inaangazia thamani ya kifungu cha HTML (input, select, textarea) kwa data ya programu.

ng-bind Instructi inaangazia data ya programu kwa muonekano wa HTML.

AngularJS 实例

<!DOCTYPE html>
<html>
<script src="https://cdn.staticfile.net/angular.js/1.6.9/angular.min.js"></script>
<body>
<div ng-app="">
  <p>Name: <input type="text" ng-model="name"></p>
  <p ng-bind="name"></p>
</body> </html>

亲自试一试

Mfano wa kuelewa:

Kisha uimbaji wa wavuti unapofikia, AngularJS uharibika bila kumaliza.

ng-app Instructi inaonekana kwenda AngularJS, <div> element ni AngularJS Programukwa 'miliki'.

ng-model Instructi ya kusambua thamani ya kifungu kwa mupelelezi wa programu name.

ng-bind Mambo ya kufafanisha inakubalika habari ya kifungu <p> kwenye variable ya programu name.

AngularJS 指令

Kama ilitonjika, mambo ya kufafanisha ya AngularJS ina ng Mimba ya kifungu kikubwa ya kwanza.

ng-init Mambo ya kufafanisha inasifanya variable ya programu ya AngularJS.

AngularJS 实例

<div ng-app="" ng-init="firstName='Bill'">
<p>Jina ni <span ng-bind="firstName"></span></p>

亲自试一试

au kutumia HTML ya habari:

AngularJS 实例

<div data-ng-app="" data-ng-init="firstName='Bill'">
<p>Jina ni <span data-ng-bind="firstName"></span></p>

亲自试一试

Ikiwa unataka kuwa huzungumzwa kwa habari ya HTML, unaweza kutumia data-ng- ingependa kwa sababu ng-.

Unaweza kumwambia zaidi kuhusu mambo ya kufafanisha hapa katika sehemu ya hivi karibuni ya mafunzo yako.

AngularJS 表达式

Mashabiki ya AngularJS inaitwa kwenye kifungu kikubwa zaidi ya kufanikiwa:{{ expression }}.

AngularJS itakuwa na data katika nafasi ya kufanikiwa ya kawaida ya kufanikiwa:

AngularJS 实例

<!DOCTYPE html>
<html>
<script src="https://cdn.staticfile.net/angular.js/1.6.9/angular.min.js"></script>
<body>
<div ng-app="">
  <p>Uteuzi wa kwanza wa mashabiki:{{ 5 + 5 }}</p>

</body>
</html>

亲自试一试

Mashabiki ya AngularJS inakubalika data ya AngularJS kwenye HTML, kama, ng-bind Jinsi ya kufafanisha ya mambo inayofanana.

AngularJS 实例

<!DOCTYPE html>
<html>
<script src="https://cdn.staticfile.net/angular.js/1.6.9/angular.min.js"></script>
<body>
<div ng-app="">
  <p>Name: <input type="text" ng-model="name"></p>
  <p>{{name}}</p>

</body>
</html>

亲自试一试

Unaweza kumwambia zaidi kuhusu mashabiki hapa katika mafunzo yako.

AngularJS 应用程序

AngularJS ModuliKufafanisha programu ya AngularJS.

AngularJS KawaidaKuwaingia kwa programu ya AngularJS.

ng-app Mambo wa kufafanisha kwa programu,ng-controller Mambo wa kufafanisha kwa kawaida.

AngularJS 实例

<div ng-app="myApp" ng-controller="myCtrl">
Jina:<input type="text" ng-model="firstName"><br>
姓氏：



全名：{{firstName + " " + lastName}}

亲自试一试

AngularJS 模块定义应用程序：

AngularJS 模块

var app = angular.module('myApp', []);

AngularJS 控制器控制应用程序：

AngularJS 控制器

app.controller('myCtrl', function($scope) {
  $scope.firstName= "Bill";
  $scope.lastName= "Gates";
});

您将在本教程后面了解有关模块和控制器的更多信息。