нг-модель в обычном ES5 (Угловая 2,0)

Question

Я играл с угловых 2.0 и я с созданием элементов ввода, связанные с $ области видимости переменных проблемами, как я могу в Угловом 1.x. Я могу найти документацию для машинописных текстов, но не для обычных ES5.

В моем примере ниже «myName» отображается из определения компонента, но не привязывается к входу.

function DisplayComponent() { 
    this.myName = "Jim"; 
} 

DisplayComponent.annotations = [ 
    new angular.ComponentAnnotation({ 
    selector: "display" 
    }), 
    new angular.ViewAnnotation({ 
    template: 
     '<input [(ng-model)]="myName" type="text">' + 
     '<p>name: {{ myName }}</p>' 
    }) 
]; 

document.addEventListener('DOMContentLoaded', function() { 
    angular.bootstrap(DisplayComponent); 
}); 

JSfiddle Demo

Answer 1

вам просто нужно добавить directives : [angular.formDirectives] к вашему ViewAnnotation, но это не удается, и я не знаю, почему.

Вот ваша скрипка с angular2 alpha26

Я сделал это работать с alpha35, последней версией до сих пор. Какие есть некоторые изменения:

• formDirectives был переименован в FORM_DIRECTIVES
• ComponentAnnotation был переименован в ComponentMetadata
• ViewAnnotation был переименован в ViewMetadata
• Глобальный angular теперь ng (не уверен, в какой версии это изменилось)

Вот скрипка, работающая с альфа35: http://jsfiddle.net/ocscbk2u/

Вы использовали слишком старую версию. Я рекомендую вам придерживаться последней версии, пока не будет выпущен стабильный.