Javascript 将值数组传递给指令
我正在为一个旧应用程序使用Laravel4.2。它混合了棱角。我需要显示从Laravel返回的位置地图 我在Javascript 将值数组传递给指令,javascript,php,arrays,angularjs,laravel-4,Javascript,Php,Arrays,Angularjs,Laravel 4,我正在为一个旧应用程序使用Laravel4.2。它混合了棱角。我需要显示从Laravel返回的位置地图 我在刀片模板上使用角度指令来执行此操作 我需要将Laravel值传递到指令中,以便可以使用它们。我看到您可以传入一个数组,但不确定如何使用Laravel刀片值 注意:由于blade使用{{}进行插值,我已经告诉Angular更改其插值: $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]');
刀片
模板上使用角度指令来执行此操作
我需要将Laravel值传递到指令中,以便可以使用它们。我看到您可以传入一个数组,但不确定如何使用Laravel刀片值
注意:由于blade使用{{}
进行插值,我已经告诉Angular更改其插值:
$interpolateProvider.startSymbol('[[');
$interpolateProvider.endSymbol(']]');
Laravel刀片模板:$locations
是一个blade
变量:
<fz-map locations="{{$locations}}"></fz-map>
指令:
( function( ng, app ) {
'use strict';
app.directive( 'fzMap', ['$rootScope', function($rootScope) {
return {
restrict: 'AE',
scope : {
locations : '='
},
link: function(scope, element, attr) {
console.log('loc', scope.locations);
scope.Template = '/directive_html/map.html';
},
template: "<div ng-include='Template'></div>"
};
} ]);
} )( angular, myApp );
(功能(ng,应用程序){
"严格使用",;
app.directive('fzMap',['$rootScope',function($rootScope){
返回{
限制:“AE”,
范围:{
地点:'='
},
链接:功能(范围、元素、属性){
控制台日志(“loc”,范围和位置);
scope.Template='/directivehtml/map.html';
},
模板:“”
};
} ]);
})(角度,myApp);
角度错误:
表达式意外结束:[{
位置:'='
在指令中表示您正在绑定到指令父级中的角度模型。为什么您不能对该数据发出api请求?我对blade不太了解—它是呈现在客户端还是服务器端?正如@charlietfl指出的,您只能双向绑定到角度范围中的属性。如果blade呈现为首先,您可以使用“@”单向发送数据,或者使用ng init='locations={{{$locations}}}
将数据放入angular$scope属性中。请考虑一下……如果先进行angular渲染,那么这当然行不通。