Angularjs übergeben von parameter an eine Seite von ng-klicken Sie auf

Habe ich folgende drei Tasten auf der Oberseite meiner Seite mit Eingabefeld darunter.

<div>
  <form>
          <div>
              Enter Show Name<input type="text" ng-model="showName" />
          </div>
      </form>
</div>
<div>
<button ng-click="href="/api/renameShow"">Rename Show</button>
<button ng-click="href="/api/updateShow"">Update  Show</button>
<button ng-click="href="/api/checkShow"">Check   Show</button>
</div>

Mein Modul-code Routen ist

    var showApp = angular.module("showApp", ["ngRoute", "ngResource", "ui"]).
    config(function ($routeProvider, $locationProvider) {
        $routeProvider.
            when('/',
            {
                controller: '',
                templateUrl: 'main.html'
            }).
            when('/api/renameShow', { controller: 'renameShowCtrl', templateUrl:     '/templates/renameShow.html' }).
            when('/api/updateShow', { controller: 'updateShowCtrl', templateUrl:     '/templates/updateShow.html' }).
when('/api/checkShow', { controller: 'checkShowCtrl', templateUrl: '/templates/checkShow.html' });

Im Grunde, was ich versuche zu tun, ist, dass, wenn eine der Schaltflächen geklickt wird die ng-click ruft die corrosponding Seite übergeben des Parameters "showName" mit ihm.
Bitte lassen Sie mich wissen, wie es zu lösen ist. Dank

gibt es eine spezifisch Grund für die Verwendung-Taste, können Sie stattdessen ein Anker href="/api/checkShow/{{showName}}" und in der routing-Griff-mit /api/checkShow/:id
So wäre es, wie dies im routing? wenn('/api/checkShow/:id', { controller: 'checkShowCtrl', templateUrl: '/templates/checkShow.html' })
yep, können Sie sich dieses docs.angularjs.org/api/ngRoute/service/$route
Vinod hat gesagt, es richtig, verwenden Sie nicht die Schaltfläche für die Seite der Weiterleitung, können Sie den Anker-tag, wenn Sie wollen, Taste obligatorische menas dann verwenden, ng-klicken Sie auf folgenden eine Funktion, dort können Sie Ort.url('/api/checkShow/'+id); Bessere Nutzung Anker

InformationsquelleAutor J. Davidson | 2014-03-19

14

Zunächst müssen Sie auf dem Ziel-Domänencontroller (der Seite, auf die Sie sich beziehen), zu erwarten und zu akzeptieren, ein parameter, wenn wir zu dieser Seite navigieren:
```
$routeProvider.when('/api/renameShow/:showName?', { 
  controller: 'renameShowCtrl', 
  templateUrl:     '/templates/renameShow.html' 
})
```
Das Fragezeichen hinter dem parameter zeigt, dass es einen optionalen parameter. Sie können das gleiche zu erreichen mit Anker-tags:

<a href="#/view2/mike">Go to view 2</a>

Wenn Sie darauf bestehen, verwenden Sie die Tasten, schreiben Sie eine benutzerdefinierte Funktion Einhängen in die ng-klicken Sie auf den Knopf, und übergeben dann parameter, was Sie wollen, wie Sie diese aus Ihrer aktuellen controller:
```
<button ng-click="customNavigate('Mike')">Rename Show</button>
```
Und in der Steuerung:
```
    $scope.customNavigate=function(msg){
       $location.path("/view2"+msg)
    }
```
und dann in den Ziel-controller:
```
app.controller("renameShowCtrl",function($scope,$routeParams){
   $scope.showName=$routeParams.showName
});
```
- Ich Glaube, du verpasst ein slash in den Pfad : $scope.customNavigate=function(msg){ $location.path("/ansicht2/"+msg) }
- Ansonsten Super Antwort.
InformationsquelleAutor Mohammad Sepahvand

Sagen, wir brauchen psoid in sodtl.htm:

In HTML - so.html:

<tr ng-controller="SoController" ng-repeat="x in sos">
            <td>{{x.date}}</td>
            <td><a href="#/sodtl/{{x.soid}}">Dtl</a></td>
</tr>

In AngularJs - app.js - Config:

 app.config(function ($routeProvider)
    {    
        $routeProvider.
        when ('/sodtl/:psoid?',
                {
                    templateUrl : 'pages/sodtl.html',
                    controller  : 'SoDtlController'
                }
              )
    });

In Controller - app.js:

app.controller('SoDtlController', function ($scope, $http, $location, $routeParams) {
    $scope.message = " $routeParams.psoid = " + $routeParams.psoid;
});

Somit können Sie psoid in der Darstellung von Daten in sodtl.html Seite.

InformationsquelleAutor Kaps

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.