AngularJS控制器功能未执行

AngularJS controller function not getting executed

本文关键字:执行 功能 控制器 AngularJS      更新时间:2023-09-26

嗨,这是我的angular js代码。我是一个角度发展的新手。

<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>

你可以在这里找到小提琴

如果我不添加ng-controller指令,那么整个操作就可以了。但当我添加指令时,整个程序停止工作,控制器功能也没有执行。

事实上,我正在尝试类似于this

的东西

JSFiddle有一个代码换行下拉列表,默认设置为"onLoad"

下拉菜单有4个选项:

  • onLoad:包装代码,使其在onLoad窗口中运行
  • eventonDomReady:包装代码,使其在onDomReady窗口事件中运行
  • CCD_ 6:不包装JavaScript代码,将其放在剖面中
  • no wrap - in <body>:不包装JavaScript代码,将其放在部分中

这是文件。

这是我将onload更改为no wrap - in <body> 后的工作代码