https://github.com/themost-framework/angular
MOST Web Framework client module for angular
https://github.com/themost-framework/angular
Last synced: 4 months ago
JSON representation
MOST Web Framework client module for angular
- Host: GitHub
- URL: https://github.com/themost-framework/angular
- Owner: themost-framework
- License: bsd-3-clause
- Created: 2021-10-22T16:56:57.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-12-12T19:39:34.000Z (over 1 year ago)
- Last Synced: 2025-03-02T16:02:17.202Z (4 months ago)
- Language: TypeScript
- Homepage:
- Size: 67.4 KB
- Stars: 0
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://www.npmjs.com/package/@themost%2Fangular)
[](https://github.com/themost-framework/themost/blob/master/LICENSE)
[](https://www.npmjs.com/package/@themost%2Fangular)
# @themost/angular
[MOST Web Framework](https://github.com/themost-framework/themost) client module for angular.
## Installation
npm install @themost/angular
Choose the version corresponding to your Angular version:
Angular | @themost/angular |
--- | --- |
15 | 15.x+
14 | 14.x+
13 | 13.x+
12 | 12.x+
11 | 11.x+
6 | 6.x+
5 | 2.x+
2 to 4 | 2.x+
### Usage
Import `MostModule` by using `MostModule.forRoot()` and configure `AngularDataContext`:
app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AuthModule, MostModule } from '@themost/angular';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
...
MostModule.forRoot({
base: '/api/'
}),
AuthModule.forRoot({
client_id: '9165351833584149',
scope: [
'profile'
],
locations: [],
login: '/auth/login',
callback: '/client/callback'
})
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
index.component.ts
import { Component, OnInit } from '@angular/core';
import { AngularDataContext } from '@themost/angular';
import { from } from 'rxjs';
@Component({
selector: 'app-index',
templateUrl: './index.component.html',
styleUrls: ['./index.component.scss']
})
export class IndexComponent implements OnInit {
items$: any;
constructor(private context: AngularDataContext) { }
ngOnInit(): void {
this.items$ = from(this.context.model('Products')
.where((x:any) => x.category === 'Laptops')
.orderBy((x:any) => x.price)
.take(5)
.getItems());
}
}
### ClientDataContext Class
#### model(name)
Gets an instance of ClientDataModel class based on the given name.
context.model("Order").where("orderStatus").equal(1).getItems().then(function(result) {
//
}).catch((err) =>
console.log(err);
});
#### getService()
Gets the instance of ClientDataService associated with this data context.
console.log(context.getService().getBase());
#### setService(service)
Associates the given ClientDataService instance with this data context.
context.setService(new MyDataService("http://data.example.com"));
### ClientDataModel Class
#### asQueryable()
Returns an instance of ClientDataQueryable class associated with this model.
context.model("Order")
.asQueryable()
.select("id","customer/description as customerDescription", "orderDate", "orderedItem/name as orderedItemName")
.where("paymentMethod/alternateName").equal("DirectDebit")
.orderByDescending("orderDate")
.take(10)
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
#### getName()
Gets a string which represents the name of this data model.
#### getService()
Gets the instance of ClientDataService associated with this data model.
#### remove(obj)
Removes the given item or array of items.
var order = {
id:1
};
context.model("Order").remove(order).then(function(result) {
//
}).catch((err) =>
console.log(err);
}
#### save(obj)
Creates or updates the given item or array of items.
var order = {
id:1,
this.context.model('Product')
orderStatus:7
};
context.model("Order").save(order).then(function(result) {
//
}).catch((err) =>
console.log(err);
}
#### select(...attr)
Initializes and returns an instance of ClientDataQueryable class by selecting an attribute or a collection of attributes.
context.model("Order")
.select("id","customer","orderedItem","orderStatus")
.orderBy("orderDate")
.take(25)
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
#### skip(num)
Initializes and returns an instance of ClientDataQueryable class by specifying the number of records to be skipped.
context.model("Order")
.skip(10)
.take(10)
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
#### take(num)
Initializes and returns an instance of ClientDataQueryable class by specifying the number of records to be taken.
context.model("Order")
.take(10)
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
#### where(attr)
Initializes a comparison expression by using the given attribute as left operand
and returns an instance of ClientDataQueryable class.
context.model("Order")
.where("orderedItem/category").equal("Laptops")
.take(10)
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
### ClientDataQueryable Class
ClientDataQueryable class enables developers to perform simple and extended queries against data models.
The ClienDataQueryable class follows [DataQueryable](https://docs.themost.io/most-data/DataQueryable.html)
which is introduced by [MOST Web Framework ORM server-side module](https://github.com/kbarbounakis/most-data).
#### Logical Operators
Or:
context.model("Product")
.where("category").equal("Desktops")
.or("category").equal("Laptops")
.orderBy("price")
.take(5)
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
And:
context.model("Product")
.where("category").equal("Laptops")
.and("price").between(200,750)
.orderBy("price")
.take(5)
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
#### Comparison Operators
Equal:
context.model("Order")
.where("id").equal(10)
.getItem()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
Not equal:
context.model("Order")
.where("orderStatus/alternateName").notEqual("OrderProblem")
.orderByDescending("orderDate")
.take(10)
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
Greater than:
context.model("Order")
.where("orderedItem/price").greaterThan(968)
.and("orderedItem/category").equal("Laptops")
.and("orderStatus/alternateName").notEqual("OrderCancelled")
.select("id",
"orderStatus/name as orderStatusName",
"customer/description as customerDescription",
"orderedItem")
.orderByDescending("orderDate")
.take(10)
.getItems()
.then((result) => {
return done();
}).catch((err) =>
console.log(err);
return done(err);
});
Greater or equal:
context.model("Product")
.where("price").greaterOrEqual(1395.9)
.orderByDescending("price")
.take(10)
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
Lower than:
context.model("Product")
.where("price").lowerThan(263.56)
.orderBy("price")
.take(10)
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
Lower or equal:
context.model("Product")
.where("price").lowerOrEqual(263.56)
.and("price").greaterOrEqual(224.52)
.orderBy("price")
.take(5)
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
Contains:
context.model("Product")
.where("name").contains("Book")
.and("category").equal("Laptops")
.orderBy("price")
.take(5)
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
Between:
context.model("Product")
.where("category").equal("Laptops")
.or("category").equal("Desktops")
.andAlso("price").between(200,750)
.orderBy("price")
.take(5)
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
#### Aggregate Functions
Count:
context.model("Product")
.select("category", "count(id) as total")
.groupBy("category")
.orderByDescending("count(id)")
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
Min:
context.model("Product")
.select("category", "min(price) as minimumPrice")
.where("category").equal("Laptops")
.or("category").equal("Desktops")
.groupBy("category")
.orderByDescending("min(price)")
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
Max:
context.model("Product")
.select("category", "max(price) as maximumPrice")
.where("category").equal("Laptops")
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
### String Functions:
Index Of:
context.model("Product")
.where("name").indexOf("Intel")
.greaterOrEqual(0)
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
Substring:
context.model("Product")
.where("name").substr(6,4)
.equal("Core")
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
Starts with:
context.model("Product")
.where("name").startsWith("Intel Core")
.equal(true)
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
Ends with:
context.model("Product")
.where("name").endsWith("Edition")
.equal(true)
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
Lower case:
context.model("Product")
.where("category").toLowerCase()
.equal("laptops")
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
Upper case:
context.model("Product")
.where("category").toUpperCase()
.equal("LAPTOPS")
.take(10)
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
#### Date Functions:
Date:
context.model("Order")
.where("orderDate").getDate()
.equal("2015-04-18")
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
Month:
context.model("Order")
.where("orderDate").getMonth()
.equal(4)
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
Day:
context.model("Order")
.where("orderDate").getMonth().equal(4)
.and("orderDate").getDay().lowerThan(15)
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
Year:
context.model("Order")
.where("orderDate").getMonth().equal(5)
.and("orderDate").getDay().lowerOrEqual(10)
.and("orderDate").getFullYear().equal(2015)
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
Hours:
context.model("Order")
.where("orderDate").getMonth().equal(5)
.and("orderDate").getDay().lowerOrEqual(10)
.and("orderDate").getHours().between(10,18)
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
Minutes:
context.model("Order")
.where("orderDate").getMonth().equal(5)
.and("orderDate").getHours().between(9,17)
.and("orderDate").getMinutes().between(1,30)
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
Seconds:
context.model("Order")
.where("orderDate").getMonth().equal(5)
.and("orderDate").getHours().between(9,17)
.and("orderDate").getMinutes().between(1,30)
.and("orderDate").getSeconds().between(1,45)
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
#### Math Functions
Round:
context.model("Product")
.where("price").round().lowerOrEqual(177)
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
Floor:
context.model("Product")
.where("price").floor().lowerOrEqual(177)
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
Ceiling:
context.model("Product")
.where("price").ceil().greaterOrEqual(177)
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
#### Methods
##### and(name)
Prepares a logical AND expression.
Parameters:
- name: The name of field that is going to be used in this expression
##### andAlso(name)
Prepares a logical AND expression.
If an expression is already defined, it will be wrapped with the new AND expression
Parameters:
- name: The name of field that is going to be used in this expression
context.model("Product")
.where("category").equal("Laptops")
.or("category").equal("Desktops")
.andAlso("price").floor().lowerOrEqual(177)
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
##### expand(...attr)
Parameters:
- attr: A param array of strings which represents the field or the array of fields that are going to be expanded.
If attr is missing then all the previously defined expandable fields will be removed
Defines an attribute or an array of attributes to be expanded in the final result. This operation should be used
when a non-expandable attribute is required to be expanded in the final result.
context.model("Order")
.where("customer").equal(337)
.orderByDescending("orderDate")
.expand("customer")
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
##### first()
Executes the specified query and returns the first item.
context.model("User")
.where("name").equal("[email protected]")
.first()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
##### getItem()
Executes the specified query and returns the first item.
context.model("User")
.where("name").equal("[email protected]")
.item()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
##### getItems()
Executes the specified query and returns an array of items.
context.model("Product")
.where("category").equal("Laptops")
.take(10)
.getItems()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
##### getList()
Executes the underlying query and returns a result set based on the specified paging parameters. The result set
contains the following attributes:
- total (number): The total number of records
- skip (number): The number of skipped records
- records (Array): An array of objects which represents the query results.
context.model("Product")
.where("category").equal("Laptops")
.skip(10)
.take(10)
.getList()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
##### skip(val)
Prepares a paging operation by skipping the specified number of records
Parameters:
- val: The number of records to be skipped
context.model("Product")
.where("category").equal("Laptops")
.skip(10)
.take(10)
.getList()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
##### take(val)
Prepares a data paging operation by taking the specified number of records
Parameters:
- val: The number of records to take
context.model("Product")
.where("category").equal("Laptops")
.skip(10)
.take(10)
.getList()
.then((result) => {
//
}).catch((err) =>
console.log(err);
});
##### groupBy(...attr)
Prepares a group by expression
context.model("Order")
.select("orderedItem/model as productModel", "orderedItem/name as productName","count(id) as orderCount")
.where("orderDate').getFullYear().equal(2015)
.groupBy("orderedItem")
.orderByDescending("count(id)")
.take(5).getItems().then(function(result) {
//
}).catch((err) =>
console.log(err);
});
##### orderBy(...attr)
Prepares an ascending sorting operation
context.model("Product")
.orderBy("category","name")
.take(25).getItems().then(function(result) {
//
}).catch((err) =>
console.log(err);
});
##### thenBy(...attr)
Continues a descending sorting operation
context.model("Product")
.orderBy("category")
.thenBy("name")
.take(25).getItems().then(function(result) {
//
}).catch((err) =>
console.log(err);
});
##### orderByDescending(...attr)
Prepares an descending sorting operation
context.model("Product")
.orderByDescending("price")
.take(25).getItems().then(function(result) {
//
}).catch((err) =>
console.log(err);
});
##### thenByDescending(...attr)
Continues a descending sorting operation
context.model("Product")
.orderBy("category")
.thenByDescending("price")
.take(25).getItems().then(function(result) {
//
}).catch((err) =>
console.log(err);
});