如何在Laravel刀片中使用角度变量

时间:2018-06-13 11:54:38

标签: php angularjs laravel

我是角度Js的新手。

在刀片文件中使用角度变量,我收到以下错误:

  

使用未定义的常量计数 - 假定为'count'(查看:C:\ xampp \ htdocs \ angularjsLaravel \ resources \ views \ testing.blade.php)

我的代码,

app.js

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

(function (app) {
    "use strict";
    app.controller("EmployeesController", function ($scope, $http) {

        $http({
            method: 'GET',
            url: '/employees'
        }).then(function (employees){

            $scope.employees = employees['data'];
        },function (error){
            console.log(error);
        });

        $scope.remaining = function () {
            var count = 0;
            angular.forEach($scope.employees, function (employee) {
                count += employee.done ? 0 : 1;
            });
        }
    });
})(app);

blade.php

<div id="employee" ng-controller="EmployeesController">
    <h3 class="page-header">
        <small ng-if="remaining()">{{ count }}</small>
    </h3>
</div>

帮帮我。

我期待着一个解决方案。

3 个答案:

答案 0 :(得分:4)

理论上,您需要使用

  

@ {{angular_variable}}

所以软件不会把它当作const。在你的情况下:

  

@ {{count}}

答案 1 :(得分:2)

在刀片文件中使用 @ {{angular_varialble}}

<div id="employee" ng-controller="EmployeesController">
    <h3 class="page-header">
        <small ng-if="remaining()">@{{ count }}</small>
    </h3>
</div>

答案 2 :(得分:1)

使用Angular的$interpolateProvider

定义Angular应用程序模块时更改Angular symbo
var sampleApp = angular.module('sampleApp', [], function($interpolateProvider) {
    $interpolateProvider.startSymbol('<%');
    $interpolateProvider.endSymbol('%>');
});

然后刀片代码为{{ }},角度代码为<% %>或任何您想要的