Question

我是WebStorm和AngularJS的新手。任何人都可以请帮助我为什么我无法绑定数据。我试图打印str的值。但它始终打印{{str}}。

以下是代码。

index.html
<body ng-app="invoiceApp">

<div class="main" ng-controller="InvoiceController">

<div  class="container" >
      <!-- BEGIN PAGE CONTENT-->

      <p>{{ str}}</p>
</div></div></body>

app.js

'use strict';

// Declare app level module which depends on views, and components
angular.module('invoiceApp', [
  'ngRoute',
  'invoiceApp.services',
  'invoiceApp.controllers',
  'invoiceApp.filters',
  'invoiceApp.directives'
]).
config(['$routeProvider', function($routeProvider) {
    //$routeProvider.when('/view1',{templateUrl: '..//partials/partial.html', controller: 'InvoiceController'});
  $routeProvider.otherwise({redirectTo: '/view1'});
}]);

controllers.js

 angular.module('invoiceApp.controllers', []).
controller('InvoiceController',['$scope',function($scope){

    function getDatetime() {
        return (new Date).toLocaleDateString();
    }
       //  $scope.date=getDatetime();
         $scope.str='tom';
         $scope.clientData={
    invoiceId: 1253,
    //date1: getDatetime(),
    vat: 15,
    discount: 5,
    customer: {name: 'xyz', company: 'abc', address1: 'airport road', address2: ''},
    company: {name: 'metro', company: 'www.metro.com'},
    orders: [{
        item: 'Hardware', quantity: 32, details: 'hardware purchase', perUnitPrice: 75
    }]
};

Answer 1

首先在编程中，您需要缩进代码。它将帮助您发展，我们将更容易为您提供帮助。

我确定你忘记在你的控制器末尾添加一个“}”。

然后，这是整个.html文件？因为如果不是，你就错过了包含angular.js和你需要的app.js。

最后，请告诉我们您的日志控制台以查看此错误，或者我们无法帮助您。

使用WebStorm的AngularJS：值不可见

1 个答案: