AngularJS

【AngularJS】ui-routerを利用している際にURIの遷移を行いたい場合。

$stateサービスのgo()メソッドを用いる。

$state.go('admin.index');

引数にはステート名を渡せばOK。

 

【AngularJS】Serviceの書き方メモ。

app.service('user', [function () {
    this.value = null;
    
    this.set = function(value) {
        this.value = value;
    };
    this.get = function() {
        return this.value;
    };
}]);

 

【AngularJS】ng-Formディレクティブでフォームタグの入れ子を実現する。

ng-repeatの中でさらにformタグによるバリデーションを実装したい時など。

こんな感じで使う。

<form name="outerForm">
    <div ng-repeat="item in items">
       <ng-form name="innerForm">
          <input type="text" name="foo" ng-model="item.foo" />
          <span ng-show="innerForm.foo.$error.required">required</span>
       </ng-form>
    </div>
    <input type="submit" ng-disabled="outerForm.$invalid" />
</form>

マジ便利。

 

【AngularJS】で指定文字数以降を「…」で省略できるプラグイン。

Angular Truncate。

https://github.com/sparkalow/angular-truncate

charactersごとにぶった切るか、wordsごとにぶった切るかを選べるので便利。

 

【AngularJS】input要素のng-patternの値を動的に生成する方法。

要素に直接Regを記述するんじゃなくてたとえば設定ファイルやコントローラーからRegを指定したい場合など。

例)

// 正規表現オブジェクトを生成してやるのが肝
$scope.reg = /^.*$/;

んでもってビューで。

<input ng-pattern="reg">

ってしてやる。

※Regを文字列で指定しちゃうと正規表現のパターンとして認識してくれないので注意が必要。

 

【AngularJS】で使えるTimePicker。

を見つけたのでとりあえずペタリ。

https://github.com/Geta/angular-timepicker

時間帯だけ選択させたいときってあるよね。うん。

 

【AngularJS】Boostrapベースのnotifyプラグイン。

これはかっこいい。

http://cgross.github.io/angular-notify/demo/

いいの見つけたわ。

 

【AngularJS】スタイリッシュなDateTimePicker。

なんとなくui-bootstrapのDatetimePickerはダサいので、探してみたらかっこいいやつあった。
シンプルかつ昨日も充実しててかなりよさげ。

http://dalelotts.github.io/angular-bootstrap-datetimepicker/