按鈕ng單擊時遇到問題

我面對的東西有點奇怪。那麼，至少爲了我的理解。按鈕ng單擊時遇到問題

讓我給你的片段，所以你可以看到我在做什麼

var app = angular.module('riskQueries', []); 
 
    
 
app.controller('cuitCtrl',function ($scope, $window) { 
 
    
 
    $scope.defaultCuit = '--Inserte su CUIT aquí--'; 
 
    
 
    $scope.riskData = { 
 
     cuit: null 
 
    }; 
 
    
 
    $scope.reset = function() { 
 
     $scope.riskData.cuit = angular.copy($scope.defaultCuit); 
 
     $window.alert('Hey! You clicked!'); 
 
    }; 
 
    $scope.reset(); 
 
    $scope.comboData = { 
 
     planAnterior: null, 
 
     planSolicitado: null, 
 
     options: [ 
 
      {id: 0, name: "No tengo un plan"}, 
 
      {id: 1, name: "Plan Básico"}, 
 
      {id: 2, name: "Plan Joven"}, 
 
      {id: 3, name: "Plan Famliar"}, 
 
      {id: 4, name: "Plan Cobertura Completa"}, 
 
      {id: 5, name: "Plan Plus"} 
 
     ], 
 
    }; 
 
    
 
}); 
 

 
app.filter('selectedPlan',function(){ 
 
    return function(planSolicitado,planAnterior){ 
 
     planAnterior <= planSolicitado; 
 
    }; 
 
});

input[type=text], select { 
 
    width: 100%; 
 
    padding: 12px 20px; 
 
    margin: 8px 0; 
 
    display: inline-block; 
 
    border: 1px solid #ccc; 
 
    border-radius: 4px; 
 
    box-sizing: border-box; 
 
    font-family: "Verdana", sans-serif; 
 
} 
 

 
.submit { 
 
    align-content: center; 
 
    width: 30%; 
 
    background-color: #71b9fb; 
 
    color: white; 
 
    padding: 14px 20px; 
 
    margin: 8px 0; 
 
    border: none; 
 
    border-radius: 4px; 
 
    cursor: pointer; 
 
    font-family: "Verdana", sans-serif; 
 
} 
 

 
.submit:hover { 
 
    background-color: #c4e3ff; 
 
} 
 

 
.form { 
 
    width: 45%; 
 
    border-radius: 5px; 
 
    border-style: solid; 
 
    border-color: darkblue; 
 
    border-width: thick; 
 
    background-color: #FFFFFF; 
 
    padding: 40px; 
 
    font-family: "Verdana", sans-serif; 
 
} 
 

 
.header { 
 
    border-bottom-style: groove; 
 
    border-bottom-color: #9BE5F4; 
 
    border-bottom-width: thick; 
 
    width: 50.5%; 
 
} 
 

 
.header .logo{ 
 
    max-width: 25%; 
 
    height: auto; 
 
    display: block; 
 
    margin-left: auto; 
 
    margin-right: auto; 
 
}

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script> 
 
    <script src="logic.js"></script> 
 
    <link rel="stylesheet" type="text/css" href="style.css"> 
 

 
<body> 
 
    <div class="header"> 
 
     <img class="logo"> 
 
    </div><br> 
 
    <div class="form" ng-app="riskQueries" ng-controller="cuitCtrl"> 
 
     <form name="BPMForm"> 
 
      <label for="Cuit">CUIT/CUIL:</label> 
 
      <input name="Cuit" type="text" ng-model="riskData.cuit"><br><br> 
 
      <label for="PlanAnterior">Plan Actual:</label> 
 
      <select name="PlanAnterior" id="PlanAnterior" ng-model="comboData.planAnterior" ng-options="option.name for option in comboData.options"> 
 
       <option value="">---Seleccione su plan Actual---</option> 
 
      </select><br><br> 
 
      <label for="PlanSolicitado">Plan Solicitado:</label> 
 
      <select name="PlanSolicitado" id="PlanSolicitado" ng-model="comboData.planSolicitado" ng-options="option.name for option in comboData.options | filter: {id: '!' + comboData.planAnterior.id}"> 
 
       <option value="">---Seleccione su plan a Solicitar---</option> 
 
      </select><br><br> 
 
      <button class="submit" ng-click="reset()">Limpiar</button> 
 
     </form> 
 
     <p>resultados: WebService: {{riskResponse}} - cuit: {{riskData.cuit}} - planAnteior: {{comboData.planAnterior.id}} - planSolicitado: {{comboData.planSolicitado.id}}</p> 
 
    </div> 
 
</body>

如果你運行它，你可以看到在我的函數定義的一個警告框已經爲我的按鈕創建了，沒有我點擊它就會被激活。我認爲這可能與我聲明ng-app和ng-controller的地方有關，但沒有找到有用的東西。

我在這裏錯過了什麼？

來源

2016-05-18 bassco_dp

我假設你正在嘗試調用reset（）函數，對吧？看起來你已經在控制器上聲明它後立即調用它。

$scope.reset = function() { 
     $scope.riskData.cuit = angular.copy($scope.defaultCuit); 
     $window.alert('Hey! You clicked!'); 
    }; 
    $scope.reset(); // <--- You're calling it here 
    $scope.comboData = {

刪除$ scope.reset（）;從你的控制器線，你應該很好:)

來源

2016-05-18 20:21:15

傻我......你是對的！謝謝！ –

適合所有人:) –

按鈕ng單擊時遇到問題

回答

相關問題