Latest web development tutorials

AngularJS expressão

AngularJS usar expressões para vincular dados a HTML.


AngularJS expressão

AngularJS expressões escritas entre chaves: {{expressão}}.

AngularJS expressão para vincular os dados para HTML, que comando ng-bind tem a mesma finalidade.

AngularJS expressão na escrita de posição de dados "Saída".

AngularJS expressões como expressões JavaScript: eles podem conter texto, operadores e variáveis.

Exemplos 5 + 5 {{}} ou {{firstName + "" + lastName}}

AngularJS exemplos

<! DOCTYPE html>
<Html>
<Head>
<Charset Meta = "utf-8 ">
<Script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </ script>
</ Head>
<Body>

<Div ng-app = "" >
<P> A minha primeira expressão: {{5 + 5}} </ p>
</ Div>

</ Body>
</ Html>

tente »

AngularJS digitais

algarismos AngularJS JavaScript como:

AngularJS exemplos

<div ng-app="" ng-init="quantity=1;cost=5">

<p>总价: {{ quantity * cost }}</p>

</div>

tente »

Usar a mesma instância ng-bind:

AngularJS exemplos

<div ng-app="" ng-init="quantity=1;cost=5">

<p>总价: <span ng-bind="quantity * cost"></span></p>

</div>

tente »

nota Use ng-init não é muito comum. Você vai aprender a ser a melhor maneira para inicializar os dados no capítulo controlador.

cadeia AngularJS

AngularJS JavaScript string string como:

AngularJS exemplos

<div ng-app="" ng-init="firstName='John';lastName='Doe'">

<p>姓名: {{ firstName + " " + lastName }}</p>

</div>

tente »

Usar a mesma instância ng-bind:

AngularJS exemplos

<div ng-app="" ng-init="firstName='John';lastName='Doe'">

<p>姓名: <span ng-bind="firstName + ' ' + lastName"></span></p>

</div>

tente »


objetos AngularJS

AngularJS objetos como objetos JavaScript:

AngularJS exemplos

<div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}">

<p>姓为 {{ person.lastName }}</p>

</div>

tente »

Usar a mesma instância ng-bind:

AngularJS exemplos

<div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}">

<p>姓为 <span ng-bind="person.lastName"></span></p>

</div>

tente »


matriz AngularJS

matriz AngularJS JavaScript como uma matriz:

AngularJS exemplos

<div ng-app="" ng-init="points=[1,15,19,2,40]">

<p>第三个值为 {{ points[2] }}</p>

</div>

tente »

Usar a mesma instância ng-bind:

AngularJS exemplos

<div ng-app="" ng-init="points=[1,15,19,2,40]">

<p>第三个值为 <span ng-bind="points[2]"></span></p>

</div>

tente »

expressão AngularJS JavaScript e expressão

Semelhante a expressões JavaScript, AngularJS expressões podem conter letras, operadores, variáveis.

JavaScript com expressões diferentes, AngularJS expressão pode ser escrito em HTML.

JavaScript com diferentes expressões, expressão AngularJS não suporta condicional, circulação e anomalias.

JavaScript expressões e diferentes, filtros de apoio expressão AngularJS.