O AngularJS é uma estrutura MV* que é mais adequada para o desenvolvimento de aplicativos de página única para os clientes. Não é uma biblioteca funcional, mas uma estrutura usada para desenvolver páginas dinâmicas da Web. Ele se concentra na extensão das funções HTML, fornecendo ligação dinâmica de dados e pode cooperar com outras estruturas (como jQuery, etc.).
<corpo ng-app = "myNoteApp"> <html> <div ng-controller = "myNotectrl"> <p> <textarea ng-model = "message" cols = "40" robos = "10" maxlength = "100"> </textarea> </s> <p> 100/<span ng-bind = "left ()"> </span> </p> </div> </html> <script type = "text/javascript"> var app = angular.module ("mynoteApp", []); app.controller ("myNotectrL", função ($ scope de scope de scope.mess; {return 100 - $ scope.message.length;}; // limpe a caixa de texto $ scope.clear = function () {$ scope.message = "";}; // execute a operação de salvar $ scope.save = funcript () {alert ("note salvado");};}); </script>Observação:
Se houver múltiplos "textaras" da mesma forma, você poderá controlá-lo definindo vários "modelos ng"
Se você opera diferentes "textarea" em diferentes formas, poderá controlá-lo definindo vários "controladores NG"
Mas não importa o caso, se você estiver no mesmo arquivo, é melhor usar apenas um "ng-app" no mesmo corpo.
Suplemento: Uso de <Textarea> em JS angular
Recentemente, o teste usado para passar o valor na textarea para o plano de fundo, mas o plano de fundo não pode ser recebido. O código está escrito assim:
<textAea linhas = "15" ng-model = "avice.content"> {{ondência.content}} </sexttarea>Mais tarde, modifiquei e removi o conteúdo entre as duas textaras e o recebi em segundo plano. Parece que ainda existem alguns mecanismos em JS angular que precisam ser esclarecidos.
<textarea linhas = "15" ng-model = "avice.content"> </sexttarea>