私は、XSRFStrategy
プロバイダを使用して、具体的CSRFを、角度2のsecurity functionalityを実装したいです。私が使用している現在のブートストラッププロセスは、このプロバイダを実装するのに十分なものではありません。角度2 - 現在の(正しい)ブートストラッププロセスとは何ですか?
これは角度2をロードして初期化する(修正?)最善の方法を見つけることの挑戦をもたらし、私はいくつかのアプローチと作品が廃止された唯一のを試してみました。
私が動作するように、このアプローチを得ている:
<script src="https://code.angularjs.org/2.0.0-beta.9/angular2-polyfills.min.js"></script>
<script src="https://code.angularjs.org/tools/system.js"></script>
<script src="https://code.angularjs.org/tools/typescript.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.9/angular2.dev.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.9/Rx.min.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.9/http.dev.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.9/router.dev.js"></script>
<script>
System.config({
transpiler: "typescript",
packages: {
app: { main: 'app', defaultExtension: "ts" }
}
});
System.import("app").then(null, console.error.bind(console));
</script>
私は、これは(角2の5 Min Quickstartデモから)動作させることはできません。
<script src="https://npmcdn.com/[email protected]?main=browser"></script>
<script src="https://npmcdn.com/[email protected]"></script>
<script src="https://npmcdn.com/[email protected]/dist/system.src.js"></script>
<script>
(function(global) {
var map = {
app: 'app', // 'dist',
'@angular': 'https://npmcdn.com/@angular',
'@angular/common': 'https://npmcdn.com/@angular/[email protected]',
'angular2-in-memory-web-api': 'https://npmcdn.com/angular2-in-memory-web-api',
rxjs: 'https://npmcdn.com/[email protected]'
};
var packages = {
app: { main: 'app', defaultExtension: 'js' },
rxjs: { defaultExtension: 'js' },
'angular2-in-memory-web-api': { main: 'index', defaultExtension: 'js' }
};
var ngPackageNames = [
'common',
'compiler',
'core',
'http',
'platform-browser',
'platform-browser-dynamic',
'router',
'router-deprecated',
'upgrade'
];
// Individual files (~300 requests):
function packIndex(pkgName) {
packages['@angular/'+pkgName] = { main: 'index', defaultExtension: 'js' };
}
// Bundled (~40 requests):
function packUmd(pkgName) {
packages['@angular/'+pkgName] = { main: '/bundles/' + pkgName + '.umd', defaultExtension: 'js' };
}
var setPackageConfig = System.packageWithIndex ? packIndex : packUmd;
ngPackageNames.forEach(setPackageConfig);
var config = {
map: map,
packages: packages
};
System.config(config);
})(this);
</script>
もお勧めのセットアップhere(Plunkr)stackoverflowのから(2016年6月16日付)。無効なプロバイダーエラーであるhttp
を具体的に解決します。
2角度をブートストラップするための最良の方法は何ですか?
あなたは「私はこの仕事を得ることができない」とはどういう意味ですか? –
複数の理由がありますが、それらを個別に扱ってみましょう。 Angular 2のデモを使用すると、https://npmcdn.com/@angular/platform/commonはPlunkrで正しく動作していても404を返します。 – ebakunin
私はおそらくこの問題であなたを助けることはできませんが、私はこの404エラーが何度か他の質問で言及されているのを覚えています。 –