Tıpkı Http'yi nasıl enjekte ettiğime benzediğini, Konumun enjekte edilmesiyle aynı şekilde olacağını düşündüm. Ancak benim app sonları - son satırda "public location: Location" uncomment eğer sayfa oluşmaz. Bildiğim kadarıyla gördüğünüz gibi, ben doğru ithalat ve sağlayıcılar dizi var: Benim önyükleme kodu Açısal2 konumuna nasıl enjekte edebilirim?
<script src="https://code.angularjs.org/2.0.0-beta.0/router.dev.js"></script>
, ben: my index.html olarak
import {Component} from 'angular2/core';
import {
ROUTER_DIRECTIVES,
ROUTER_PROVIDERS,
RouteConfig,
Location,
LocationStrategy,
HashLocationStrategy
} from 'angular2/router';
import {TaskForm} from './task_form';
import {TaskList} from './task_list';
import {AboutUs} from './about_us';
@Component({
selector: 'task-app',
templateUrl: 'app/task_app.html',
providers: [ROUTER_PROVIDERS],
directives: [TaskForm, TaskList, ROUTER_DIRECTIVES]
})
@RouteConfig([
{path: '/', component: TaskApp, as: 'Home'},
{path: '/about_us', component: AboutUs, as: 'aboutUs'}
])
export class TaskApp {
constructor(/*public location: Location*/) {
, ben aşağıdaki satırı vardır: Ben bir şey kaçırmış veya geçerli inşa kırık olup olmadığını
import {bootstrap} from 'angular2/platform/browser';
import {HTTP_PROVIDERS} from 'angular2/http';
import {provide} from 'angular2/core';
import {
ROUTER_DIRECTIVES,
ROUTER_PROVIDERS,
RouteConfig,
Location,
LocationStrategy,
HashLocationStrategy
} from 'angular2/router';
import {TaskApp} from './task_app';
import {MyService} from './my_service'
bootstrap(TaskApp, [HTTP_PROVIDERS, ROUTER_PROVIDERS, MyService, provide(LocationStrategy, {useClass: HashLocationStrategy})]);
emin değilim. İlk durum buysa, neyi özledim? // açısal: En bileşeninde
providers: [
{ provide: 'locationObject', useValue: location}
]
sizin NgModule içinde
Doğru yapıyoruz bunu enjekte gerekir. io/docs/ts/son/aPI/yönlendirici/Yer-class.html). Konsolda herhangi bir hata görüyor musunuz? Not: "ROUTER_PROVIDERS" öğesini bileşenden kaldırın, zaten önyüklemede var. –
node_modules klasörünüzü tamamen silmenizi ve package.json'daki angular2 ile ilgili her şeyi silmenizi, ardından her şeyi yeniden yüklemeyi tekrar denemenizi öneririz. –
@EricMartinez, nihayet çevre sorunlarını çözdü. Hiçbir derleme hatası yoktu, ancak konsolda, önyükleme uygulamasında "(APP_BASE_HREF, {useValue: '/'})" komutunu ekledikten sonra APP_BASE_HREF belirtmediğimi şikayet etti, hepsi işe yaradı. Ancak belgeye göre, yalnızca PathLocationStrategy (varsayılan olarak) kullanmış olsaydım, ancak özellikle HashLocationStrategy'i belirttiğimi düşündüğümde gerekli. –