Если вы используете последний мост для Breeze Angular 2, вам не нужно настраивать Q самостоятельно. Вся начальная конфигурация передается путем ввода моста.
Следующая ссылка когда я начал Breeze Bridge Angular2
Не забудьте включить ссылку на datajs, если вы будете использовать breezejs с сервисом OData.
Solutiuon:
Установите БРИЗ-клиент
npm install breeze-client --save
Установите БРИЗ-мост-angular2
npm install breeze-bridge-angular2 --save
Чтобы использовать мост в своем приложении, необходимо выполнить следующие шаги.
Настройте бриз-клиент и бриз-мост-angular2 в systemjs.config.js.
// map tells the System loader where to look for things
var map = {
...
'breeze-client': 'node_modules/breeze-client',
'breeze-bridge-angular2': 'node_modules/breeze-bridge-angular2'
};
// packages tells the System loader how to load when no filename and/or no extension
var packages = {
...
'breeze-client': { main: 'breeze.debug.js', defaultExtension: 'js'},
'breeze-bridge-angular2': { main: 'index.js', defaultExtension: 'js'}
};
Импорт HTTP_PROVIDERS и BreezeBridgeAngular2 и добавить их в список поставщиков приложение компонента.
import { HTTP_PROVIDERS } from '@angular/http';
import { BreezeBridgeAngular2 } from 'breeze-bridge-angular2';
@Component({
providers: [
BreezeBridgeAngular2,
HTTP_PROVIDERS,
]
})
export class AppComponent { }
Одноразовая инъекция BreezeBridgeAngular2 и начать использовать бриз. Акт ввода моста заставляет систему самостоятельно настраиваться. Единственное требование состоит в том, что мост нужно вводить один раз перед первым вызовом Breeze.
import { BreezeBridgeAngular2 } from 'breeze-bridge-angular2';
@Component({...
})
export class AppComponent {
constructor(bridge: BreezeBridgeAngular2) { } // configure once by injecting bridge - no need to use it here
}
import { Injectable } from '@angular/core';
import { EntityManager, EntityQuery } from 'breeze-client';
import { Customer } from './entities';
@Injectable()
export class DataService {
private _em: EntityManager;
constructor() {
this._em = new EntityManager();
}
getAllCustomers(): Promise<Customer[]> {
let query = EntityQuery.from('Customers').orderBy('companyName');
return <Promise<Customer[]>><any> this._em.executeQuery(query)
.then(res => res.results)
.catch((error) => {
console.log(error);
return Promise.reject(error);
});
}
}
Обратите внимание, что мы также импортировать ветер-клиент, а не загружать его как статический сценарий, как вы, возможно, видели в других примерах. Убедитесь, что в вашем index.html нет лишнего тега скрипта, который пытается статически загружать breeze.debug.js или аналогичный.
Пример индекса.html:
<html>
<head>
<title>Angular 2 QuickStart</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles.css">
<!-- Polyfill(s) for older browsers -->
<script src="node_modules/core-js/client/shim.min.js"></script>
<script src="node_modules/zone.js/dist/zone.js"></script>
<script src="node_modules/reflect-metadata/Reflect.js"></script>
<script src="node_modules/systemjs/dist/system.src.js"></script>
<script src="systemjs.config.js"></script>
<script>
System.import('app').catch(function(err){ console.error(err); });
</script>
</head>
<body>
<my-app>Loading...</my-app>
</body>
</html>
Мне удалось получить работу Angular2 RC4, выполнив указанные шаги.
Я использую OData enpoint и добавил следующую конфигурацию моей службы данных (весь необходимый импорт поступает из «ветра-клиента»):
constructor() {
// Tell Breeze we are using an OData service created by a C# WebApi2 + EF6 solution
config.initializeAdapterInstance('dataService', 'webApiOData', true);
this._em = new EntityManager('http://localhost:60062/odata');
// Breeze doesn't know that EF will manage my entities Id's (SQL Identity columns), so we need to tell Breeze that the server will handle Id values)
this._em.fetchMetadata((schema) => {
console.log('schema', schema);
var collectionPointType = this._em.metadataStore.getEntityType("CollectionPoint");
(<any>collectionPointType).setProperties({ autoGeneratedKeyType: AutoGeneratedKeyType.Identity });
});
}
Из интереса, вы рекомендуете использовать BreezeJS с NG2 ? У меня есть работа, однако я заметил, что для этого не так много работы, и я рассматриваю возможность ее утилизации и записи данных в режиме чистого Angular2. Мне бы хотелось услышать от Уорда или других спонсоров проекта, если они лично по-прежнему рекомендуют использовать проекты Breeze для Angular2? – Rodney