Javascript 在发送请求之前,将视图中的值绑定到模型

Javascript 在发送请求之前,将视图中的值绑定到模型,javascript,json,angularjs,Javascript,Json,Angularjs,我正在使用anuglar和laravel laravel正在返回一个视图,其中包含一个用户id作为隐藏输入字段 加载视图后,我希望将userid绑定到变量,然后使用它完成对路由someotherresource/userid的http get请求 当我硬编码到angular控制器的路由时,它工作正常,但当我尝试输入变量时,我得到一个未定义的错误,我认为这是因为angular试图在页面完全加载之前触发请求,并且该值已绑定到模型 app.js html %%用户标识%% 编辑:将console.

我正在使用anuglar和laravel

laravel正在返回一个视图,其中包含一个用户id作为隐藏输入字段

加载视图后,我希望将userid绑定到变量,然后使用它完成对路由someotherresource/userid的http get请求

当我硬编码到angular控制器的路由时,它工作正常,但当我尝试输入变量时,我得到一个未定义的错误,我认为这是因为angular试图在页面完全加载之前触发请求,并且该值已绑定到模型

app.js

html


%%用户标识%%
编辑:将console.log添加到js,并将%%userid%%添加到html。这使我在控制台中没有定义,并且%%userid%%没有显示任何内容


注意:我已将常规{{}语法更改为%%%%,以避免与后端模板语言冲突。

您需要声明
$scope.userid
变量。我还建议不要为控制器使用常规函数声明,Angular为您提供了这样做的模块,以便函数不存在于全局范围中:

var myApp = angular.module('myApp', []);

myApp.controller('getRatingsController', function ($scope, $http) {

  $scope.userid = 'Todd Motto';

});

您需要声明
$scope.userid
变量。我还建议不要为控制器使用常规函数声明,Angular为您提供了这样做的模块,以便函数不存在于全局范围中:

var myApp = angular.module('myApp', []);

myApp.controller('getRatingsController', function ($scope, $http) {

  $scope.userid = 'Todd Motto';

});

您需要声明
$scope.userid
变量。我还建议不要为控制器使用常规函数声明,Angular为您提供了这样做的模块,以便函数不存在于全局范围中:

var myApp = angular.module('myApp', []);

myApp.controller('getRatingsController', function ($scope, $http) {

  $scope.userid = 'Todd Motto';

});

您需要声明
$scope.userid
变量。我还建议不要为控制器使用常规函数声明,Angular为您提供了这样做的模块,以便函数不存在于全局范围中:

var myApp = angular.module('myApp', []);

myApp.controller('getRatingsController', function ($scope, $http) {

  $scope.userid = 'Todd Motto';

});

仅在“隐藏”上添加ng模型不会设置模型值。即使在将来,它也不会被设定。最好使用
nginit
之类的方法设置初始变量,并观察其变化

看到我的小提琴了吗


如果您可以在html上定义有关控制器div的ng init,那么您甚至不需要进行监视。

仅在hidden上添加ng模型不会设置模型值。即使在将来,它也不会被设定。最好使用
nginit
之类的方法设置初始变量,并观察其变化

看到我的小提琴了吗


如果您可以在html上定义有关控制器div的ng init,那么您甚至不需要进行监视。

仅在hidden上添加ng模型不会设置模型值。即使在将来,它也不会被设定。最好使用
nginit
之类的方法设置初始变量,并观察其变化

看到我的小提琴了吗


如果您可以在html上定义有关控制器div的ng init,那么您甚至不需要进行监视。

仅在hidden上添加ng模型不会设置模型值。即使在将来,它也不会被设定。最好使用
nginit
之类的方法设置初始变量,并观察其变化

看到我的小提琴了吗



如果您可以在html上定义有关控制器div的ng init,您甚至不需要进行监视。

还需要一些代码,您如何使用
$scope.resource
以及
ng model=userid
扮演什么角色?或者,JSFIDLE示例也很方便。一旦请求完成,$scope.resource将用于填充用户可排序和搜索的各种字段。我认为ng模型-‘userid’会将userid的值设置为隐藏字段的值?我猜这是不正确的,因为它不起作用。我已经用我正在尝试的确切代码更新了这个问题,但它并没有比我尝试这么做所得到的更多不幸的是,我看不到控制器内部的任何逻辑,看起来它会给你用户ID数据?您将需要
$scope.userid
。谢谢,即使更改为$scope.userid,它仍然没有定义,这是我的问题。很抱歉,我的问题http.get已经更新,其$scope.userid返回未定义。您应该检查这个问题:需要更多的代码,您如何使用
$scope.resource
以及
ng model=userid
扮演什么角色?或者,JSFIDLE示例也很方便。一旦请求完成,$scope.resource将用于填充用户可排序和搜索的各种字段。我认为ng模型-‘userid’会将userid的值设置为隐藏字段的值?我猜这是不正确的,因为它不起作用。我已经用我正在尝试的确切代码更新了这个问题,但它并没有比我尝试这么做所得到的更多不幸的是,我看不到控制器内部的任何逻辑,看起来它会给你用户ID数据?您将需要
$scope.userid
。谢谢,即使更改为$scope.userid,它仍然没有定义,这是我的问题。很抱歉,我的问题http.get已经更新,其$scope.userid返回未定义。您应该检查这个问题:需要更多的代码,您如何使用
$scope.resource
以及
ng model=userid
扮演什么角色?或者,JSFIDLE示例也很方便。一旦请求完成,$scope.resource将用于填充用户可排序和搜索的各种字段。我认为ng模型-‘userid’会将userid的值设置为隐藏字段的值?我猜这是不正确的,因为它不起作用。我已经用我正在尝试的确切代码更新了这个问题,但它并不比我尝试这么做所得到的更多