2017-07-18 31 views
1

私はangularjsに新たなんだと私は笑いくつかの深刻な問題を抱えている...Angularjs/htmlの関数呼び出し

私は知らないので、動作していること、このような何かをしたいただきました!これに伴う問題コード...あなたは私を助けることができますpls?ここで

は次のとおりです。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> 

おかげ

[EDIT]みんなありがとう!あなたが言ったようにコントローラを取り外すことによって解決されました。私は絶望的になり始めました!

+0

を削除します。なぜあなたは2つの 'deviceCtrl'を持っていますか? –

答えて

1

"deviceCtrl"を2回呼び出すことでコントローラを複製しています。一度それを保ち、試してみてください。コードがコンパイルされて実行されると、最新のdeviceCtrlが呼び出され、$ scope.create()は呼び出されません。

0

ちょうどあなたのhtmlを投稿セカンドdeviceCtrl

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

Here is an working example.

関連する問題