dtmm0148603 2017-03-06 08:47
浏览 77
已采纳

Laravel angularjs配置

I try to include Angularjs in Laravel but i don't know what mistake i made i got error

Use of undefined constant name - assumed 'name'

myHead.blad.php

<title>Title</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="bower_components/angular/angular.min.js"></script>
<script src="bower_components/angular-route/angular-route.min.js"></script>
<script type="text/javascript" src="app.js"></script>
<script type="text/javascript" src="controllers/homeController.js"></script>
<script type="text/javascript" src="controllers/aboutController.js"></script>

myWelcome.blade.php

<!DOCTYPE html>
<html ng-app="MyApp">
    <head>
        <?php echo View::make('layouts/head'); ?>
    </head>
    <body>  
        <?php echo View::make('layouts/header'); ?>  

        <div  ng-controller="HelloController">Hi {{name}} welcome to AngularJS Tutorial Series</div>
        <button class="btn" name="test" value="test">Test</button>
    </body>

    <?php echo View::make('layouts/footer'); ?>  
</html>

Hellocontroller.js

MyApp.controller('HelloController', hello);

function hello($scope)
{
    $scope.name = "Test";
}

Please tell me how to configure Angularjs in Laravel

  • 写回答

2条回答 默认 最新

  • dpca31461 2017-03-06 08:54
    关注

    interpolated expression need to change if you want to work with laravel because laravel and angular js both use same {{}} interpolation symbol for expression exicuition

    Add the code where you define your app

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

    myWelcome.blade.php

    <!DOCTYPE html>
<html ng-app="MyApp">
    <head>
        <?php echo View::make('layouts/head'); ?>
    </head>
    <body>  
        <?php echo View::make('layouts/header'); ?>  

        <div  ng-controller="HelloController">Hi <%name%> welcome to AngularJS Tutorial Series</div>
        <button class="btn" name="test" value="test">Test</button>
    </body>

    <?php echo View::make('layouts/footer'); ?>  
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

悬赏问题

  • ¥20 有关区间dp的问题求解
  • ¥15 多电路系统共用电源的串扰问题
  • ¥15 slam rangenet++配置
  • ¥15 有没有研究水声通信方面的帮我改俩matlab代码
  • ¥15 对于相关问题的求解与代码
  • ¥15 ubuntu子系统密码忘记
  • ¥15 信号傅里叶变换在matlab上遇到的小问题请求帮助
  • ¥15 保护模式-系统加载-段寄存器
  • ¥15 电脑桌面设定一个区域禁止鼠标操作
  • ¥15 求NPF226060磁芯的详细资料