Estrutura simples do index.html em angular.js:
<! doctype html> <html ng-app> <head> <script src = "http://code.angularjs.org/angular-1.0.1.min.js"> </sCript> </ad Head> </body> seu nome: <input = "text" "ng-model </sCript> || 'Mundo'}}! </body> </html>
A propriedade Ng-App é uma declaração de sinalizador de Angular.js, que marca o escopo do Angular.js. NG-APP pode ser adicionado em muitos lugares, como acima, à tag HTML, indicando que o script angular funciona para toda a página. Você também pode adicionar o atributo NG-App localmente. Por exemplo, adicionando NG-App em uma certa div, significa que toda a área da DIV será analisada usando scripts angulares, enquanto os scripts angulares não serão analisados em outros lugares.
Modelo NG significa criar um modelo de dados. Aqui, na caixa de entrada do nome de entrada, definimos um modelo de dados YourName. Depois de definir o modelo, podemos fazer chamadas abaixo usando {{}}. Isso completa a ligação de dados. Quando inserimos o conteúdo na caixa de entrada, ele será sincronizado com o bloco de instrução HLOLA abaixo.
O modelo de dados definido pelo modelo NG pode não apenas ser usado nos cenários acima, mas também pode ser amplamente utilizado em muitos casos.
1. Configure o filtro para realizar a função de pesquisa
No código a seguir, podemos concluir uma função de pesquisa de lista usando uma definição de modelo de dados simples + filtro. (Este é o código de exemplo no site chinês, portanto não precisa ser claro.)
<div> <div> <div> Pesquise: <input ng-model = "query"> </div> <div> <ul> <li ng-repeat = "Telefone em telefones | filtro: query"> {{Phone.name}} <p> {{Phone.snippet}}} </p> </li>>No código acima, a consulta do modelo de dados está vinculada à tag de entrada da caixa de pesquisa. Dessa forma, as informações inseridas pelo usuário serão sincronizadas no modelo de dados de consulta. Na seguinte LI, usando o filtro: consulta pode implementar a função de filtragem de dados na lista e filtro de acordo com as informações de entrada do usuário.
2. Defina o pedido para implementar a função de classificação da lista
No código a seguir, como o filtro, use o Orderby para adicionar uma função de classificação à lista:
Pesquise: <input ng-model = "consulta"> classificar por: <select ng-model = "orderprop"> <opção value = "name"> alfabético </pption> <option value = "idade"> mais recente </pption> </leclect> <ul> <li ng-repeat = "telefone em telefones | Filter: query | ordery: oderdy> <ul> <li ng-repeat =" em telefones | filtro: query | <p> {{Phone.snippet}} </p> </li> </ul>O exposto acima é sobre as técnicas de usar NG-App e Ng-modelo. Revisamos o antigo e aprendemos o novo. Espero que todos possam ganhar algo com isso.