javascript - AngularJS Controller 函数没有被执行

标签 javascript angularjs

嗨,这是我的 Angular JS 代码。我是 Angular 开发方面的新手。

<div ng-app="">
    <input type="text" ng-model="firstname">
    <input type="text" ng-model="lastname">
    <p>Firstname : <span ng-bind="firstname"></span>

    </p>
    <p>Lastname :<span ng-bind="lastname"></span>

    </p>
    <p>Full name :<span>{{firstname +" "+lastname}}</span>

    </p>
</div>

你可以找到 fiddle here

如果我不添加 ng-controller 指令,整个事情就会起作用。但是当我添加指令时,整个事情停止工作并且 Controller 功能没有被执行。

实际上我正在尝试类似于 this的东西

最佳答案

JSFiddle有一个代码换行下拉菜单,默认设置为“onLoad ”。

下拉菜单有 4 个选项:

  • onLoad :包装代码,以便它将在 onLoad 窗口中运行。
  • eventonDomReady :包装代码,以便它将在 onDomReady 窗口事件中运行。
  • no wrap - in <head> : 不要包装 JavaScript 代码, 将其放在部分中。
  • no wrap - in <body> : 不包裹 JavaScript 代码,将其放在部分中。

Here's文档。

Here's我更改 onload 后您的工作代码至no wrap - in <body>

关于javascript - AngularJS Controller 函数没有被执行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26333696/

相关文章:

angularjs - 有没有办法在不改变路线的情况下向我已经构建的 Rails 应用程序添加 Angular ?

javascript - 如何在 ng-init 中使用 $scope 变量

javascript - 将dom对象传递给angularjs中的处理函数

angularjs - es6 扩展运算符到构造函数的自动类绑定(bind)

javascript - angularJS 过滤日期

javascript - express ,使用不同进口的相同路线?

javascript - JS 转换为 Coffeescript

javascript - Angular - 通用指令

javascript - firebase数据库中如何同时将数据存储在两个地方?

javascript - 将键值对中的一个值设置为数组中的另一个键?