2016-06-30 4 views
4

Ganz neu zu angularJS und versuchen, Informationen von einer Seite an eine andere zu übergeben.Wie übermittele ich mit AngularJS Daten auf verschiedene Seiten?

Derzeit zeigt dieser Controller eine Liste von Kunden in einem Tabellenformat an, wobei eine Spalte die "More info" ist.

** adminSearch.html ** 
<div ng-controller="adminSearch"> 
...  
<tr ng-repeat-start="custObj in customers | filter:custSearch">       
    <td> {{custObj.id}} </td> 
    <td> {{custObj.name}} </td> 
    <td> <a href="#"> More Info </a></td> 
</tr> 
... 

Controller:

** adminSearch.js ** 
app.controller('adminSearch', ['$scope', function($scope) {   
$scope.customers = [{id:1, name:'John', email:'[email protected]', phone:'555-1276', account:123456, mylH: '1'}, 
      {id:2, name:'Mary', email:'[email protected]', phone:'800-BIG-MARY', account:123456, mylH: '1'}, 
      {id:3, name:'Mike', email:'[email protected]', phone:'555-4321', account:123456, mylH: '0'}];}]); 

Was ich will, ist, wenn der Benutzer klickt auf „Mehr Info“ aus der Tabelle für eine der Kunde, sollte es zu einer neuen Seite gehen alle Daten, dass die Anzeige Kunde ...

nicht sicher, was die neue Seite braucht, aber ich vermute, es einen neuen Controller benötigt:

** customerInfo.html ** 
    <div ng-controller="customerInfo"> ... </div> 

    ** customerInfo.js ** 
    app.controller('customerInfo', ['$scope', function($scope) { 
    }]); 

Danke für Ihre Hilfe ist Voraus!

+1

Sie könnten einen Service schreiben und Daten über die Seite mit den Getter Setter-Methoden des Dienstes teilen. –

+0

Sie erstellen eine Direktive. In der Direktive definieren Sie Ihren Gültigkeitsbereich, und Sie rufen die Direktive von Ihrem HTML auf, indem Sie Daten als Attribute übergeben. [link] [https://docs.angularjs.org/guide/directive] –

+0

Verwenden Sie $ rootScope ... Es wäre der einfachste Weg –

Antwort

1

von dem, was ich verstehe, ist, dass Sie von einer HTML-Datei zu einer anderen HTML-Datei navigieren und die Kundendetails für diese Seite übergeben müssen. dann würde ich vorschlagen, ui Fräser zu benutzen, um durch Seiten zu navigieren. Bitte beachten Sie diesen Link https://scotch.io/tutorials/3-simple-tips-for-using-ui-router

+1

Danke, habe es funktioniert, dieser Link hat mir sehr geholfen. Ich habe jetzt ein Problem. Wenn ich die Variablen mit

{{name}}

anzeigen, funktioniert es gut, aber wenn ich die Seite aktualisiere, sehe ich nur den einfachen Text "{{name}}". Irgendwelche Vorschläge zu diesem Thema? – Vipresh

+0

Können Sie die Browser-Konsole überprüfen und den Fehler posten? –

Verwandte Themen