如何在 Laravel 刀片中使用角度变量 [重复]答案

【问题标题】：How to use angular variables in Laravel blade [duplicate]如何在 Laravel 刀片中使用角度变量 [重复]
【发布时间】：2021-01-11 16:09:25
【问题描述】：

我是 Angular Js 的新手。

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

使用未定义的常量计数 - 假定为“计数”（查看：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>

帮帮我。

我期待一个解决方案。

【问题讨论】：

你得到了什么？
出现此错误：使用未定义的常量计数 - 假定为“计数”（查看：C:\xampp\htdocs\angularjsLaravel\resources\views\testing.blade.php）
Blade 和 Angular 使用通用语法来显示变量，这就是问题所在。所以尝试改变角度变量打印的语法。 Blade 文件正在寻找 php 变量而不是 jquery。
检查角度参考以获取解决方案docs.angularjs.org/api/ng/provider/$interpolateProvider

标签： javascript php angularjs laravel

【解决方案1】：

理论上，你需要使用

@{{angular_variable}}

所以软件不会把它当作一个常量。在你的情况下：

@{{ 计数 }}

【讨论】：

如果我使用 @{{ count }} 它只会显示一个空白页。
这个应该是答案
你这个摇滚人！完美运行！

【解决方案2】：

在使用 Angular 的 $interpolateProvider 定义 Angular 应用程序模块时更改 Angular 符号

var sampleApp = angular.module('sampleApp', [], function($interpolateProvider) {
    $interpolateProvider.startSymbol('<%');
    $interpolateProvider.endSymbol('%>');
});

然后刀片标签将是 {{ }} 和角度标签将是 <% %> 或任何你想要的

【讨论】：

祝你好运... :)

【解决方案3】：

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

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

【讨论】：

如果我使用 @{{ count }} 它只会显示一个空白页。