如何使按钮内的href崩溃

时间:2017-05-12 07:47:49

标签: javascript html angularjs ionic-framework angular-ui-router

我有一个折叠的模型,显示有关客户端的更多信息,并且它有点,我有一个按钮,当我点击,我没有得到特定客户的信息,我得到所有客户的数据

<ion-list ng-repeat="x in names">
    <a class="item  item-icon-left " >
                <i class="icon ion-android-arrow-dropdown-circle" ng-model="collapsed" ng-click="collapsed=!collapsed"></i>
                {{x.Marque}}   
              </a>
              <div ng-show="collapsed">
                    <table>
                          <thead >
                             <td>   
                                 <label> Code:  </label> {{x.CodeClient}}    <br/> 
                                 <label> Nom:   </label> {{x.NomClient}}     <br/> 
                                <a class="button button-info" ui-sref="modifClient({CodeClient: x})" >
                                Enregistrer
                                </a> 
        ...

app.js

     $stateProvider.state('modifClient', {
                    url: '/modifClient',
                    templateUrl: 'templates/modifClient.html',
                    params: {CodeClient: null},
                    controller: 'ConsultClientCtrl' 
                });
app.controller("ConsultClientCtrl", function($scope, $http) {
$scope.loadClient = function(){ 
           $http.get("http://localhost/deb/debut.php")  
           .success(function(data){  
                $scope.names = data; 
           });  
   }

});

modifClient.html

<ion-content class="padding" ng-controller="ConsultClientCtrl" ng-repeat="x in names | filter: {CodeClient: thisX}" >

  <ion-list ng-repeat="x in names | filter: {CodeClient: thisX}: true">

      <div class="item item-divider center-text" ng-model="CodeClient"> {{x.CodeClient}} </div>
......

2 个答案:

答案 0 :(得分:2)

您必须使用框架docker statsngHrefhref

ng-click

LE:我为此案例创建了pen。问题是你在<a class="button button-info" ng-href="/modifClient"> ... 中有一个<a>,当你点击它时就会感到困惑。

所以我已将<a>更改为<a ng-show="collapsed">,现在按预期工作(请参阅笔)。

答案 1 :(得分:0)

感谢每一个人,这是我找到的解决方案:

更改按钮的代码:

<a class="button button-info" ng-href="#/modifClient/{{x.CodeClient}}" >
Enregistrer </a> 

在app.js中,我不得不使用$ state:

app.controller("ConsultClientCtrl", function($scope, $http,$state) {

        $scope.loadClient = function(){ 
              $http.get("http://localhost/deb/selectClient.php")  
           .success(function(data){  
                $scope.thisX   = $state.params.CodeClient; 
                $scope.names = data;  
           });
         }             
});

将状态提供者更改为:

$stateProvider.state('modifClient', {
            url: '/modifClient/:CodeClient',
            templateUrl: 'templates/modifClient.html',
            controller: 'ConsultClientCtrl' 
        });