Ich bin sehr neu in Angular und habe eine sehr einfache Seite gebaut, um einige meiner Kunst auf zu hosten. Im Moment habe ich eine HTML-Seite (Homepage) mit einer <a ng-href>, die beim Klicken eine andere HTML-Seite mit allen meinen Arbeiten darauf lädt. Also habe ich zwei HTML-Seiten, was bedeutet, dass die Dinge zweimal auf meiner Seite geladen werden müssen. Das ist nicht sehr praktisch.Ändern einer Ansicht in einer einzelnen Seite Angular App
Dies ist der HTML-Code auf meiner Homepage. Die <a ng-href> ist innerhalb der benutzerdefinierten Richtlinie <front-page> enthalten:
<div ng-controller="artCtrl" class="content">
<front-page info="image_1"></front-page>
</div>
<front-page> Richtlinie:
<a ng-href="work.html">
<img ng-src="{{ info.images }}" alt="Image not found" width="40%" height="40%">
</a>
Der Inhalt der zweiten HTML-Seite ist auch innerhalb einer benutzerdefinierten Richtlinie, die wie folgt aussieht:
<div ng-repeat="x in info">
<img class="image" ng-src="{{ x.image }}"></img>
<p class="name">{{ x.name }}</p>
<div>
Ich möchte ng-click über die <a ng-href> auf t Die Homepage und rendern den HTML-Code in der Direktive auf meiner zweiten Seite, alle auf der gleichen Seite (also, ohne eine ganze andere Seite zu laden). Aber ich habe keine Ahnung, was der beste Weg, dies zu tun wäre. Routing scheint für solch eine einfache Site unnötig zu sein und ich bin mir nicht sicher, ob die Verwendung von ng-show oder ng-hide dafür geeignet wäre.
Bitte lassen Sie mich wissen, wenn Sie durch diese Frage verwirrt sind, würde ich wirklich jede Hilfe zu schätzen wissen.