Angularjs/HTML函數調用

我在angularjs新的，我有一些嚴重的問題笑...Angularjs/HTML函數調用

我有這樣的事情是工作，所以我不知道什麼這個問題代碼..你能幫我嗎？

這裏是：Basicly的scope.create不工作..它不會在功能甚至進入..

<!DOCTYPE html> 
<html>`enter code here` 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-resource/1.6.5/angular-resource.min.js"></script> 
<script> 

var app = angular.module('myAppDevice', ['ngResource']); 

app.controller('deviceCtrl', ['$scope', '$resource', function($scope,$resource) { 

    $scope.create = function(a){ 
     console.log("ola"); 
     Device = $resource(
       "http://localhost:8080/userapi/postdevice/:userId/:deviceType", 
       {}, 
       {save: {method:'POST',isArray:false, params: {userId: '@userId',deviceType:'@deviceType'}}} 
     ); 


     $scope.Message = Device.save({externalId: $scope.deviceForm.userId, deviceType:a}); 

     $scope.deviceForm.userId = ""; 

    }; 



}]); 

function func(){ 
    console.log("ole"); 
} 


app.controller('deviceCtrl', function($scope) { 
    $scope.myVar = false; 
    $scope.toggle = function() { 
     $scope.myVar = !$scope.myVar; 
    }; 
}); 



</script> 
</head> 

<body ng-app="myAppDevice"> 

    <div ng-controller="deviceCtrl"> 
     <form name="deviceForm"> 

      <div class="form-group">  
       <img id="device" alt="sensor" 
        src="http://www.solucoesindustriais.com.br/images/produtos/imagens_10048/p_sensor-de-movimento-para-porta-12.jpg" 
        width="300" height="150" ng-click="toggle()" /> 
      </div> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
      <div class="form-group"> 
       <p ng-show="myVar"> 
        userId: <input ng-model="deviceForm.userId" type=text> 
       </p> 
      </div> 

      <div class="btn-wrapper"> 
       <div class="row-gutter-5"> 
        <div class="col-md-4 col-xs-6 col-sm-6"> 
         <button class="btn btn_blue" type="button" 
          data-ng-click="create(lamp)" id="Create">Create</button> 
        </div> 
       </div> 
      </div> 
     </form> 
    </div> 

</body> 
</html>

感謝

[編輯]謝謝你們！它是通過刪除控制器，如你所說的解決..我開始絕望！

來源

2017-07-18 PJMC

發表您的HTML。另外爲什麼你有兩個'deviceCtrl'？ –

您通過調用兩次「deviceCtrl」來複制控制器。保持一次並嘗試。當代碼編譯並執行最新的deviceCtrl時會被調用，因此$ scope.create（）沒有被調用。

來源

2017-07-18 10:13:23

只是刪除二deviceCtrl

app.controller('deviceCtrl', function($scope) { 
    $scope.myVar = false; 
    $scope.toggle = function() { 
     $scope.myVar = !$scope.myVar; 
    }; 
});

Here is an working example.

來源

2017-07-18 10:14:49

Angularjs/HTML函數調用

回答

相關問題