AngularJSで継承を実装するにはどうすればよいですか?

壊れやすい窓

ユーザータイプが別のユーザータイプからプロパティを継承できるようにしようとしています。スタッフメンバーは親オブジェクトであり、数学教授は数学教授がスタッフメンバーのプロパティを継承する子オブジェクトです。これをどのように実装しますか?助けてくれてありがとう。

コードスニペット:

app.service( 'WorkService', function( $http ) {
    var user;

this.isStaffMember = function() {
    return user.type ==== 'StaffMember'
}
this.isMathProfessor = function() {
   return user.type === 'MathProfessor'
}
});

更新:

[注: isTeacherオブジェクトの名前をisStaffMemberに変更しました。]

HTMLのコードを変更するだけなら、プロパティを継承するために何も必要ないと思っていました。HTMLでは、StaffMemberがコースの追加と編集の2つのオプションのみを表示できるように実装しようとしています。しかし、数学の教授はメニュー全体を見ることができます。ただし、機能していません&& WorkService.isMathProfessor()を追加すると、メニューがまったく表示されません

<li ng-show="WorkService.isStaffMember()" && ng-show="WorkService.isMathProfessor()" class="dropdown">
                    <a class="dropdown-toggle">Courses
                    <ul>
                        <li><a>New Course</a></li>
                        <li><a>Add Course</a></li>

                        <div ng-show="WorkService.isMathProfessor()">
                            <li class=""></li>
                            <li><a>Algebra I</a></li>
                            <li><a>Algebra II</a></li>
                        </div>
                    </ul>
                </li>
壊れやすい窓

変更は、JavaScript関数ではなく、HTML内で行う必要がありました。AngularJSディレクティブ(ng-show)には、私が試し始めたisMathProfessorを含める必要がありましたが、私が犯した間違いは、||の代わりに&&演算子を使用することでした。オペレーター。

<li ng-show="WorkService.isStaffMember() || WorkService.isMathProfessor()>

この変更により、最初の2つの選択肢は、スタッフメンバーまたは数学教授のいずれかである場合に表示されます。しかし、最後の3つの選択肢は、数学の教授だけが利用できます。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

複数のinit継承を使用してsuper()を実装するにはどうすればよいですか?

分類Dev

Delphiで、IComparableを実装し、TEqualityComparerから継承するクラスを作成するにはどうすればよいですか?

分類Dev

継承セキュリティルールに違反せずに、.NET 4以降でISerializableを実装するにはどうすればよいですか?

分類Dev

EF7 / .NETCoreで複数のデータベースにDbContext継承を実装するにはどうすればよいですか

分類Dev

JavaScript関数を継承するにはどうすればよいですか?

分類Dev

DataGridColumnsを継承するにはどうすればよいですか

分類Dev

部分的なクラステンプレートの特殊化で継承を実装するにはどうすればよいですか?

分類Dev

この種の「継承」に実際に名前を付けるにはどうすればよいですか?

分類Dev

継承チェーンを実現するにはどうすればよいですか?

分類Dev

LaravelのEloquentを使用して単一テーブル継承を実装するにはどうすればよいですか?

分類Dev

継承を使用してメソッドチェーンを実装するにはどうすればよいですか?

分類Dev

Composerオートローダーを使用して継承を実装するにはどうすればよいですか?

分類Dev

クラスにインターフェイスを実装し、別のクラスから継承させるにはどうすればよいですか?

分類Dev

Telegram APIを使用して承認を実装するにはどうすればよいですか?

分類Dev

Observable <T>から継承するにはどうすればよいですか?

分類Dev

SQLAlchemyで継承された列に制約を定義するにはどうすればよいですか?

分類Dev

Python:他のABCから継承するABCを作成するにはどうすればよいですか?

分類Dev

Hibernate JPA @NamedEntityGraphで継承された属性を参照するにはどうすればよいですか?

分類Dev

CSSで継承を無効にするにはどうすればよいですか?

分類Dev

Javaで同期を実装するにはどうすればよいですか?

分類Dev

SwiftUIでPageViewを実装するにはどうすればよいですか?

分類Dev

SwiftUIでPageViewを実装するにはどうすればよいですか?

分類Dev

Typescriptで$ httpを実装するにはどうすればよいですか?

分類Dev

ScalaでKafkaConsumerを実装するにはどうすればよいですか

分類Dev

FlaskでMIXINを実装するにはどうすればよいですか?

分類Dev

KAAでRestAPIを実装するにはどうすればよいですか

分類Dev

zipWithをfoldrで実装するにはどうすればよいですか?

分類Dev

LaravelでGravatarを実装するにはどうすればよいですか?

分類Dev

FortranでBCDを実装するにはどうすればよいですか?

Related 関連記事

  1. 1

    複数のinit継承を使用してsuper()を実装するにはどうすればよいですか?

  2. 2

    Delphiで、IComparableを実装し、TEqualityComparerから継承するクラスを作成するにはどうすればよいですか?

  3. 3

    継承セキュリティルールに違反せずに、.NET 4以降でISerializableを実装するにはどうすればよいですか?

  4. 4

    EF7 / .NETCoreで複数のデータベースにDbContext継承を実装するにはどうすればよいですか

  5. 5

    JavaScript関数を継承するにはどうすればよいですか?

  6. 6

    DataGridColumnsを継承するにはどうすればよいですか

  7. 7

    部分的なクラステンプレートの特殊化で継承を実装するにはどうすればよいですか?

  8. 8

    この種の「継承」に実際に名前を付けるにはどうすればよいですか?

  9. 9

    継承チェーンを実現するにはどうすればよいですか?

  10. 10

    LaravelのEloquentを使用して単一テーブル継承を実装するにはどうすればよいですか?

  11. 11

    継承を使用してメソッドチェーンを実装するにはどうすればよいですか?

  12. 12

    Composerオートローダーを使用して継承を実装するにはどうすればよいですか?

  13. 13

    クラスにインターフェイスを実装し、別のクラスから継承させるにはどうすればよいですか?

  14. 14

    Telegram APIを使用して承認を実装するにはどうすればよいですか?

  15. 15

    Observable <T>から継承するにはどうすればよいですか?

  16. 16

    SQLAlchemyで継承された列に制約を定義するにはどうすればよいですか?

  17. 17

    Python:他のABCから継承するABCを作成するにはどうすればよいですか?

  18. 18

    Hibernate JPA @NamedEntityGraphで継承された属性を参照するにはどうすればよいですか?

  19. 19

    CSSで継承を無効にするにはどうすればよいですか?

  20. 20

    Javaで同期を実装するにはどうすればよいですか?

  21. 21

    SwiftUIでPageViewを実装するにはどうすればよいですか?

  22. 22

    SwiftUIでPageViewを実装するにはどうすればよいですか?

  23. 23

    Typescriptで$ httpを実装するにはどうすればよいですか?

  24. 24

    ScalaでKafkaConsumerを実装するにはどうすればよいですか

  25. 25

    FlaskでMIXINを実装するにはどうすればよいですか?

  26. 26

    KAAでRestAPIを実装するにはどうすればよいですか

  27. 27

    zipWithをfoldrで実装するにはどうすればよいですか?

  28. 28

    LaravelでGravatarを実装するにはどうすればよいですか?

  29. 29

    FortranでBCDを実装するにはどうすればよいですか?

ホットタグ

アーカイブ