将ID发送到angularjs - 因此会显示真实内容

时间:2016-08-12 20:21:24

标签: javascript angularjs

我将Id存储在隐藏字段中;它也可以是另一个数字,例如2,3,4或59.它必须从隐藏字段中获取Id,并且必须将其发送到我的opgaver.js文件。然后它将下载内容。

我坚持如何将Id发送到opgaver.js文件。

的index.html

<div class="col-md-12" ng-app="Opgaver" ng-controller="OpgaverCheck">
    <input type="hidden" value="1" ng-model="Id" />
    <div ng-repeat="Value in Newslist">

    </div>
</div>

Opgaver.js

var app = angular.module('Opgaver', []);
app.controller('OpgaverCheck', function ($scope, $http) {

    //GET 
    var url = "/opgaver/kategori/"; //Id HERE//

    $http.get(url).success( function(response) {
        $scope.Newslist = response; 
    });
});

问题是:如何将我的ID转到opgaver.js,以便内容可以显示在那里。

2 个答案:

答案 0 :(得分:0)

您的HTML应该像

$scope.$watch("Id", function() {
  var url = "/opgaver/kategori/" + $scope.Id;
    $http.get(url).success( function(response) {
      $scope.Newslist = response; 
    });
});  

在你的控制器内:

{{1}}

答案 1 :(得分:0)

我认为你错过了角度的整个概念及其魔力。双重绑定你在ng-module中声明了一些东西,你可以使用$ scope访问JavaScript,或者另一方面你在$ scope中用JavaScript声明一些内容并在ng-module中查看

来自JS

$scope.myVariable = "I will meat you in view";

在Html中

ng-module="myVariable" or {{myVariable}}

设置ng-model =&#34; Id&#34;在您的字段中,您可以在范围内访问该变量。

在JS中

var url = "/opgaver/kategori/" + $scope.Id;