Question

我与MEAN堆栈的日子仍然相当新，目前正在遵循复数视觉教程。但是，我遇到了有关角度和快速路由的问题。

我在js文件中创建了以下控制器和指令：

angular.module('app',[]);
angular.module('app').controller('mainCrtl', function ($scope)
{
    $scope.user = {
        name: 'Luke Skywalker',
        address: {
            street: 'PO Box 123',
            city: 'Secret Rebel Base',
            planet: 'Yavin 4'
        },
        friends: [
            'Han',
            'Leia',
            'Chewbacca'
        ]
    }

});

angular.module('app').directive('userInfoCard', function()
{
    return{
        templateUrl: "/template/userInfoCard",
        restrict: "E",
        scope: true,
        replace: true
    };
});

在我处理路由的其他js文件中，我有：

var express = require('express');
var router = express.Router();

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index', { title: 'Express' });
});

router.get('/template/userInfoCard', function(req, res, next) {
    res.render('./template/userInfoCard');
});
module.exports = router;

模板，./template/userInfoCard.html中的单独文件：

<div class="panel panel-primary">
    <div class="panel-heading">{{ user.name }} </div><br/> <br/>
    <div ng-show='!!user.address'>Address: {{ user.address }} </div> <br/> <br/>
    <div>Friends: 
        <div ng-repeat='friend in user.friends'> {{friend}}</div>
    </div>
</div>

在使用templateURL并将模板设置为实际的html代码之前，$ scope.user和html之间的绑定工作正常，但在我移出模板并使用＆＃34; templateURL＆＃34;之后。绑定破了。

如果有人可以帮助我，甚至只是指出我在最佳实践方面做错了，那会很棒。

谢谢和问候，

千电子伏

Angular templateURL，Express路由无法查看变量

0 个答案: