使用angularjs的应用程序无法正常工作

问题描述 投票:0回答:1

这是我的index.htlm

<!DOCTYPE html>
<html lang="en" ng-app="myApp">
  <script src="js/app.js"></script>
  <script src="js/userController.js"></script>
  <head>
    <meta charset="UTF-8">
    <title>Title</title>
  </head>
  <body ng-controller="myCtrl">
    My Name is  {{firstName}}+{{lastName}}
    <p ng-bind-html="firstName"></p>
  </body>
</html>

我为角度应用和角度控制器写了一些代码

"use strict"
var app=angular.module('myApp',[]);

这是我的角度控制器

app.controller('myCtrl',function ($scope) {
    $scope.firstName="Mehman";
    $scope.lastName="Hummetli";
});

[请帮我解决这个问题。结果是这样的

My Name is {{firstName}}+{{lastName}}
angularjs
1个回答
0
投票

angular.js库添加到页面:

<!DOCTYPE html>
<html lang="en" ng-app="myApp">
  <head>
    <script src="//unpkg.com/angular/angular.js"></script>
    <script src="js/app.js"></script>
    <script src="js/userController.js"></script>
    <meta charset="UTF-8">
    <title>Title</title>
  </head>
  <body ng-controller="myCtrl">
    My Name is  {{firstName}}+{{lastName}}
    <p ng-bind-html="firstName"></p>
  </body>
</html>

另外,最好在<script><head>元素中包含<body>元素。

DEMO on PLNKR

© www.soinside.com 2019 - 2024. All rights reserved.