github/JavaScriptServices
1
1
Fork 0
mirror of https://github.com/aspnet/JavaScriptServices.git synced 2025-12-22 17:47:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use angular2-aspnet in Angular 2 Music Store sample

Browse Source
This commit is contained in:
SteveSandersonMS
2015-12-10 14:24:38 +00:00
parent 30281636d6
commit bf6548de96
5 changed files with 4 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
samples/angular/MusicStore/Views/Home/Index.cshtml
View File

@@ -17,5 +17,6 @@
<script src="~/lib/angular2/bundles/angular2.dev.js"></script> <script src="~/lib/angular2/bundles/angular2.dev.js"></script>
<script src="~/lib/angular2/bundles/router.dev.js"></script> <script src="~/lib/angular2/bundles/router.dev.js"></script>
<script src="~/lib/angular2/bundles/http.dev.js"></script> <script src="~/lib/angular2/bundles/http.dev.js"></script>
<script src="~/lib/angular2-aspnet/bundles/angular2-aspnet.js"></script>
<script>System.import('./ng-app/components/app/bootstrap');</script> <script>System.import('./ng-app/components/app/bootstrap');</script>
} }

1
samples/angular/MusicStore/gulpfile.js vendored
View File

@@ -25,6 +25,7 @@ var config = {
require.resolve('angular2/bundles/angular2.dev.js'), require.resolve('angular2/bundles/angular2.dev.js'),
require.resolve('angular2/bundles/router.dev.js'), require.resolve('angular2/bundles/router.dev.js'),
require.resolve('angular2/bundles/http.dev.js'), require.resolve('angular2/bundles/http.dev.js'),
require.resolve('angular2-aspnet/bundles/angular2-aspnet.js'),
require.resolve('jquery/dist/jquery.js'), require.resolve('jquery/dist/jquery.js'),
require.resolve('bootstrap/dist/js/bootstrap.js') require.resolve('bootstrap/dist/js/bootstrap.js')
] ]

1
samples/angular/MusicStore/package.json
View File

@@ -3,6 +3,7 @@
"version": "0.0.0", "version": "0.0.0",
"dependencies": { "dependencies": {
"angular2": "2.0.0-alpha.44", "angular2": "2.0.0-alpha.44",
"angular2-aspnet": "0.0.1",
"angular2-universal-patched": "^0.5.4", "angular2-universal-patched": "^0.5.4",
"bootstrap": "^3.3.5", "bootstrap": "^3.3.5",
"es6-module-loader": "^0.15.0", "es6-module-loader": "^0.15.0",

32
samples/angular/MusicStore/wwwroot/ng-app/components/admin/album-edit/AspNetUtil.ts
View File

@@ -1,32 +0,0 @@
import { ControlGroup } from 'angular2/angular2';
import { Response } from 'angular2/http';
// TODO: Factor this out into a separate NPM module
export class Validation {
public static showValidationErrors(response: ValidationErrorResult | Response, controlGroup: ControlGroup): void {
if (response instanceof Response) {
var httpResponse = <Response>response;
response = <ValidationErrorResult>(httpResponse.json());
}
// It's not yet clear whether this is a legitimate and supported use of the ng.ControlGroup API.
// Need feedback from the Angular 2 team on whether there's a better way.
var errors = <ValidationErrorResult>response;
Object.keys(errors || {}).forEach(key => {
errors[key].forEach(errorMessage => {
// This in particular is rough
if (!controlGroup.controls[key].errors) {
(<any>controlGroup.controls[key])._errors = {};
}
controlGroup.controls[key].errors[errorMessage] = true;
});
});
}
}
export interface ValidationErrorResult {
[propertyName: string]: string[];
}

2
samples/angular/MusicStore/wwwroot/ng-app/components/admin/album-edit/album-edit.ts
View File

@@ -4,7 +4,7 @@ import * as models from '../../../models/models';
import { Http, HTTP_BINDINGS, Headers, Response } from 'angular2/http'; import { Http, HTTP_BINDINGS, Headers, Response } from 'angular2/http';
import { AlbumDeletePrompt } from '../album-delete-prompt/album-delete-prompt'; import { AlbumDeletePrompt } from '../album-delete-prompt/album-delete-prompt';
import { FormField } from '../form-field/form-field'; import { FormField } from '../form-field/form-field';
import * as AspNet from './AspNetUtil'; import * as AspNet from 'angular2-aspnet';
@ng.Component({ @ng.Component({
selector: 'album-edit' selector: 'album-edit'