gpt4 book ai didi

javascript - AngularJS 未在 Flask 应用程序中运行

转载 作者:行者123 更新时间:2023-11-30 12:42:01 24 4
gpt4 key购买 nike

我正在按照这个简单的教程创建一个 pinterest 克隆。 http://blog.jetbrains.com/pycharm/2013/12/video-pycharm-web-magic-building-a-pinterest-clone/

我在使用 Angular 时遇到问题。

html代码:

<!DOCTYPE html>
<html>
<head>
<title>Pin Clone</title>
</head>
<body ng-app1="app1" ng-controller="AppCtrl as app1">

{{ app1.message }}

<script src="bower_components/angular/angular.js"></script>
<script src="js/app1.js"></script>
</body>
</html>

app1.js代码:

var app1 = angular.module("app1", []);

app1.controller("AppCtrl", function () {
var app1 = this;
app1.message = "not working"
})

当我重新加载页面时,我只是看到了文本:{{ app1.message }}这是在浏览器中。

控制台在重新加载时声明:

127.0.0.1 - - [07/Jun/2014 12:59:50] "GET / HTTP/1.1" 304 -
127.0.0.1 - - [07/Jun/2014 12:59:50] "GET /bower_components/angular/angular.js HTTP/1.1" 304 -
127.0.0.1 - - [07/Jun/2014 12:59:50] "GET /js/app1.js HTTP/1.1" 304 -

这是在 Ubuntu 14.04 上。我正在使用 Bower 将 Angular 安装到项目中。

AngularJS 版本 1.2.17

凉亭 1.3.4

Node 版本 v0.10.28

npm 版本 1.4.9

项目文件夹:

folders

编辑1,Home_Site.py中的Flask代码:

from flask import Flask
from flask.ext.restless.manager import APIManager
from flask.ext.sqlalchemy import SQLAlchemy
from sqlalchemy import Column, Integer, Text

# instantiating Flask
app = Flask(__name__, static_url_path='')
# setting the SQLALCHEMY_DATABASE_URI to the pin database
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///pin.db'

# setting an instance of SQLAlchemy
db = SQLAlchemy(app)

# creates a database model with an id, title, image
class Pin(db.Model):
id = Column(Integer, primary_key=True)
title = Column(Text, unique=False)
image = Column(Text, unique=False)

db.create_all()

# automatically creates an api for the pins in the db
# api stands for application programming interface
api_manager = APIManager(app, flask_sqlalchemy_db=db)
api_manager.create_api(Pin, methods=['GET', 'POST', 'DELETE', 'PUT'])

# type route and hit tab to create this
# this allows you to route to the main html file in the static folder
@app.route('/')
def index1():
return app.send_static_file('index1.html')

# reloads the server on its own
app.debug = True

if __name__ == '__main__':
app.run()

最佳答案

您的 ngApp 声明中有错字:

<body ng-app1="app1" ng-controller="AppCtrl as app1">

应该是:

<body ng-app="app1" ng-controller="AppCtrl as app1">

(注意 ng-app 声明中缺少 1。)

关于javascript - AngularJS 未在 Flask 应用程序中运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24099818/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com