Skip to content

Instantly share code, notes, and snippets.

@jstacoder

jstacoder/angularapp.py

Last active June 1, 2023 11:14
Show Gist options
  • Save jstacoder/863a5df5d7bb76c88323 to your computer and use it in GitHub Desktop.
Save jstacoder/863a5df5d7bb76c88323 to your computer and use it in GitHub Desktop.
Download ZIP
flask / angular example (underscores in filenames mean directorys)
Raw
angularapp.py
from flask import Flask
from flask import render_template
app = Flask(__name__)
app.url_map.strict_slashes = False
@app.route('/partials/<partial>')
def partial(partial):
return render_template(partial,jinja_var='this is from jinja')
@app.route('/')
def index():
return render_template('index.html')
if __name__ == "__main__":
app.run(debug=True,port=5555,host='0.0.0.0')
Raw
static_js_app.js
'use strict';
var app = angular.module('flaskApp',['ngRoute'])
.controller('IndexController',[function(){
var self = this;
self.message = {};
self.message.text = 'This is from angular!!!';
}])
.config(['$httpProvider','$routeProvider', '$locationProvider',
function($httpProvider, $routeProvider, $locationProvider) {
$routeProvider
.when('/', {
templateUrl: 'partials/landing.html',
controller: 'IndexController',
controllerAs:'ctrl'
})
.otherwise({
redirectTo: '/'
});
$locationProvider.html5Mode(true);
}]);
Raw
templates_index.html
<html ng-app="flaskApp">
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.10/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.10/angular-route.js"></script>
<script src="{{ url_for('static',filename="js/app.js")}}"></script>
<base href="/" />
</head>
<body ng-view>
</body>
</html>
Raw
templates_landing.html
{% raw %}
{{ ctrl.message.text }}
{% endraw %}
{{ jinja_var }}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment