4
Angular 1.5コンポーネントを使用したサービスの使用例はありますか？Angular 1.5コンポーネントでサービスを注入する例
サービスをAngular 1.5コンポーネントに挿入しようとしていますが、機能しません。
私はそうのようなログイン・コンポーネントを持っている：私のサービスはこのようになります
class Login {
constructor($scope, $reactive, $state, myService) {
console.log(myService.somevariable); //doesn't work
}
}
// create a module
export default angular.module(name, [
angularMeteor
]).component(name, {
templateUrl: 'imports/ui/components/${name}/${name}.html',
controllerAs: name,
controller: Login
});
：
angular.module(name).service("myService", function() {
this.somevariable = 'somevalue';
});
私はちょうどcomponent.What午前中に注入されたサービスを受けることができるように思われるカント私は間違っている？
SOLUTION：
sebenalernの助けを借りて、私が働いてそれを得ました。
正規表現を使用してメールアドレスを検証するサービスが必要でした。私はそのようにのようなサービスを注射し
import angular from 'angular';
import angularMeteor from 'angular-meteor';
class Validator {
validateEmail(email) {
var re = /^(([^<>()\[\]\\.,;:\[email protected]"]+(\.[^<>()\[\]\\.,;:\[email protected]"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return re.test(email);
}
}
const name = 'validator';
// create a module
export default angular.module(name, [
angularMeteor
])
.service("Validator", Validator);
：：このことができます
import {name as Validator} from '../../../api/services/validator'
class Login {
constructor($scope, $reactive, $state, Validator) {
'ngInject';
this.$state = $state;
$reactive(this).attach($scope);
this.Validator = Validator;
}
login() {
if(this.Validator.validateEmail(this.credentials.email)) {
// email is valid.
}
}
}
const name = 'login';
export default angular.module(name, [
angularMeteor,
Validator
]).component(name, {
templateUrl: `imports/ui/components/${name}/${name}.html`,
controllerAs: name,
controller:Login
})
希望:)
あなたはコンポーネントとはどういう意味ですか？ – sebenalern
質問を更新しました。 Angular 1.5コンポーネントを使用していますが、Angularサービスをインジェクションする方法がわかりません。 Angular 1.5が新しくなって以来、私はドキュメントも見つけられませんでした。 – lostsoul29
エラーメッセージが表示されますか？ – sebenalern