Aprendi sobre o uso básico do AngularJS antes, então aqui vou aprender o conteúdo relevante das expressões com o PDF.
Expressões em AngularJs não são exatamente as mesmas que em JS.
Primeiro de tudo, sua expressão deve ser colocada em {{}} antes de poder ser usada. Em segundo lugar, em comparação com o conceito de expressão em JavaScript, ele possui as seguintes diferenças:
1 escopos diferentes
A função padrão no JavaScript é a janela, mas é diferente no AngularJS. Ele usa o $ SCOPE CONTROL para agir.
2 Permitir valores indefinidos
No AngularJS, se uma expressão indefinida for usada, não haverá erro e o valor nulo será retornado diretamente.
3 filtros
Você pode usar o | Pipe Command Caracter em uma expressão para adicionar filtros, semelhante à linha de comando do UNIX.
4 $ símbolo
Usado para distinguir métodos angulares dos métodos definidos pelo usuário.
Aqui está um pequeno código:
<! doctype html> <html ng-app> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <script suncurs) </head> <body> <div ng-antroller = "ctl"> Nome: <insput ng-model = "name" type = "text"> <button ng-click = "reset ()"> reset </butter> <br> {{name}} <br> hello! {{test}} <br> filtro: {{name | uppercase}} </div> <script type = "text/javascript"> function ctl ($ scope) {var str = "init"; $ scope.name = str; $ scope.reset = function () {$ scope.name = str; }} </script> </body> </html>acionar o método de redefinição através da redefinição para redefinir o conteúdo da variável de nome;
Na expressão, um teste indefinido é referenciado, mas nenhum erro é relatado e é exibido como vazio por padrão; - {{teste}}
Por fim, use um filtro para converter o valor do nome na expressão em maiúsculas. ― {{Nome | Uppercase}}
Resultados em execução:
O exposto acima estão as informações que resolvem as expressões AngularJS. Continuaremos a adicionar informações relevantes no futuro. Obrigado pelo seu apoio!