Sé que no está relacionado con ninguna codificación, pero pueden seguir la misma sintaxis que en Angular 1
<input ng-model="hero.name" placeholder="name" type="text">AngulAR 2 y su Sintaxis de Versión Mayor hasta ahora
<input [(ngModel)]="hero.name" placeholder="name" type="text">Si lo hacen, ¿sería muy útil para las personas adaptar el cambio en Angular JS?
De manera similar para ng-repeat , cambiaron a ngFor
<ul ngFor let-item [ngForOf]="items" let-i="index" [ngForTrackBy]="trackByFn"> <li>...</li> </ul> <ul ng-repeat="item in items track by myTrackingFunction(n)"> <li>...</li> </ul>Los soportes banana son para encuadernación de doble vía.
Ver
Sintaxis de enlace:
El enlace de datos es un mecanismo para coordinar lo que ven los usuarios con los valores de datos de la aplicación. Si bien puede insertar y extraer valores de HTML, la aplicación es más fácil de escribir, leer y mantener si transfiere estas tareas a un marco vinculante. Simplemente declara los enlaces entre las fuentes de enlace y los elementos HTML de destino y deja que el marco haga el trabajo.
Angular proporciona muchos tipos de enlace de datos. Esta guía cubre la mayoría de ellos, después de una vista de alto nivel del enlace de datos Angular y su sintaxis.
Los tipos de vinculación se pueden agrupar en tres categorías que se distinguen por la dirección del flujo de datos: de la fuente a la vista , de la vista a la fuente y en la secuencia bidireccional : de la vista a la fuente a la vista .
Banana Brackets... [()] que es una forma estándar de enlace de datos bidireccional en angular. Es un getter y setter. [] setter while () para getter, combinándolos para lograr un enlace de datos bidireccional para ngModel .
Los setters [] pueden llevarlo a tener un enlace unidireccional .
Angular (2,4+) es una reescritura completa de angular1, ya que angular ha adoptado mecanografiado como lenguaje base y está completamente reescrito con mecanografiado. Typescript tiene todos los últimos tipos de características + de javascript. Lo que puede permitirle asegurarse de qué tipo de flujo de datos hay en la lógica.
Pero esto no impide que el usuario use angularjs, cualquiera puede usarlo, ya que también está en desarrollo y están tratando de encontrar una manera fácil de migrar angularjs a angular.
Banana in a box es solo una sintaxis de plantilla para el enlace de datos bidireccional y combina el enlace de propiedad y el enlace de evento.
Entonces, en lugar de escribirlo explícitamente:
<my-input [text]="val" (textChange)="val=$event"></my-input>Podemos aprovechar la sintaxis abreviada :
<my-input [(text)]="val"></my-input>¿Por qué se llama “BANANA IN A BOX”? La denominación nos ayuda a recordar el orden de los corchetes del enlace de datos bidireccional.
[] = box () = banana. [()] = banana in a box 😃Aquí está la explicación.